/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * www.kaiserwetter.de
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2018
 */


/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 * You can use either the complete or subsetted fonts:
 * If you don’t require the entire range of characters, you can use the smaller, subsetted webfonts instead.
 * See "Glyphs & Languages" for an overview of the characters in the corresponding html file in the root directory of this package.
 *
 */


/* Complete */

@font-face {
    font-family: "LL Circular Book Web";
    src: url("fonts/lineto-circular-book.eot");
    src: url("fonts/lineto-circular-book.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-circular-book.woff2") format("woff2"),
         url("fonts/lineto-circular-book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


/* Subsetted */

@font-face {
    font-family: "LL Circular Book Sub";
    src: url("fonts_subsetted/lineto-circular-book.eot");
    src: url("fonts_subsetted/lineto-circular-book.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-circular-book.woff2") format("woff2"),
         url("fonts_subsetted/lineto-circular-book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}




/* Complete */

@font-face {
    font-family: "LL Circular Bold Web";
    src: url("fonts/lineto-circular-bold.eot");
    src: url("fonts/lineto-circular-bold.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-circular-bold.woff2") format("woff2"),
         url("fonts/lineto-circular-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


/* Subsetted */

@font-face {
    font-family: "LL Circular Bold Sub";
    src: url("fonts_subsetted/lineto-circular-bold.eot");
    src: url("fonts_subsetted/lineto-circular-bold.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-circular-bold.woff2") format("woff2"),
         url("fonts_subsetted/lineto-circular-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
 
/* pt-serif-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-serif-v18-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-serif-v18-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* pt-serif-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-serif-v18-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-serif-v18-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

 
 /*Primärfarben Abstufungen
dunkelgrau #57565A 30%   #CCCCCD 
dunkelgruen #22874A 30%   #BCDBC8 
hellgruen #9BC765 30%   #E1EED0 
türkis #72C3B7 30%   #D4EDE9 
rot #D0343B 30%   #F0C2C4
       */
 

 
* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body { font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; color:#000; font-size:16px;}

p, li, a, span, #col3 h1.ce_headline   {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:16px; font-weight:normal; }

#startnews .caption  {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:16px;  font-size:3.2vw;  
/*
-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;  -moz-hyphens: auto; 

  hyphenate-limit-chars: 10 5 5; -webkit-hyphenate-limit-chars: 10 5 5; -ms-hyphenate-limit-chars: 10 5 5;  -moz-hyphenate-limit-chars: 10 5 5;*/
}
  
.cycle-caption , .slideshow .caption {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:16px !important;  }


  
.caption.textweiss {color:#fff;}

.fotocaption , .fotocaption a {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:14px; font-size: 16px !important; }
 
 
h1 {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif; font-size:16px;}
h2 {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif; font-size:16px;}

h3 {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif; font-size:16px;}

h4 {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif;font-size:16px;}
 
.inlinecontent p, .inlinecontent a {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:16px;}

.ce_form h1 {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:16px; font-weight:normal}


 
a { 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none; 
}

a {color:#000;text-decoration:none;}
a:hover {color:#4A90E2;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}

.content a , .content a:hover , .content a:visited ,#startnews  .fotocaption a,#startnews  .fotocaption a:hover {text-decoration:underline;}


#startnews a , #startnews a:hover , #startnews a:visited {color:#000;text-decoration:none;}


.inlinecontent a ,.inlinecontent  a:hover ,  .inlinecontent  a:visited {color:#000 !important;text-decoration:underline !important;}

.inlinecontent p, 
.teamtext span.name   {  font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif;}
   

#main-menu a {font-size:40px;}


#navicontainer a, #navicontainer  span {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif;   font-size:40px;  }


#impressum a, #datenschutz a, #impressum span, #datenschutz span  , .imagealt {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif; font-size:16px;}

.imagealt {line-height: 22px; }
 

.trigger {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:16px;line-height:40px; background:transparent;}


.toggle_container p {padding: 0px 25px 20px 70px;font-family:  'PT Serif', serif; font-size:16px;margin-top:-9px;}


 #col1 .content p.smalltext,  #col1 .content p.smalltext a {padding: 0px 25px 20px 0px;font-family:  'PT Serif', serif; font-size:16px;margin-top: 0px;}
 

.position, .contact, .position a , .contact a {font-family:  'PT Serif', serif; }
.contactlabel {display:inline-block; padding-right:14px;font-family:  'PT Serif', serif; }

#col3 .content li a span, #col3 .content li a  {color:#9b9b9b; text-decoration: none !important; }



#col3 h3 {color:#9b9b9b; text-align:left;
font-family:  "LL Circular Book Web", helvetica, arial, sans-serif;  font-weight: normal;
 
padding:20px 25px 20px 25px;}





*::-webkit-input-placeholder {
    color: #000;font-family: 'PT Serif', serif;font-size:20px
}
*:-moz-placeholder {
    /* FF 4-18 */
    color:  #000;font-family: 'PT Serif', serif;font-size:20px
}
*::-moz-placeholder {
    /* FF 19+ */
    color:  #000;font-family: 'PT Serif', serif;font-size:20px
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color:  #000;font-family: 'PT Serif', serif;font-size:20px
}
  
  



 
p  {margin-bottom: 12px;} 
p:last-of-type {margin-bottom:0px;}

h1, h2, h3 {margin-bottom:  25px;}

.inlinecontent p, .inlinecontent a , #col1  .content p {padding:10px 0px 10px 0px;}




 @media all and (min-width: 440px){

#col3 h3 {color:#9b9b9b; text-align:left;
font-family:  "LL Circular Book Web", helvetica, arial, sans-serif;  font-weight: normal;
position:absolute; z-index:100;top: 10px; left: 25px;
padding:0px 0px 0px 0px;}

 }



 
 @media all and (min-width: 640px){
 	
 
.ce_form h1 {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:40px;font-size:30px;  font-weight:normal;margin-bottom:15px;}	
 	
 	
 	
 .inlinecontent p, .inlinecontent a , #col1  .content p, #col1 .content  li, #col1  .content a {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:40px;font-size:30px;  padding:10px 0px 10px 0px;}

.trigger {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:40px;font-size:30px; line-height:56px;}
.toggle_container p {padding: 0px 25px 20px 70px;font-family:  'PT Serif', serif; font-size:16px;margin-top: 0px;}

 

#startnews .caption{  font-size:16px; font-size:2.8vw;  }

 }
 
/***************************************************************************************************/ 
 
@media all and (min-width: 768px){
	
	
.trigger {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:40px;font-size:30px;  line-height:56px;}
.toggle_container p {padding: 0px 25px 20px 70px;font-family:  'PT Serif', serif; font-size:16px;margin-top: 0px;}


#startnews .caption{  font-size:16px; font-size:2vw;  }


}
 
 
 
  
@media all and (min-width: 900px){
	
 
#startnews .caption{  font-size:16px; font-size:1.8vw;  }


}
 
 
 
 
 
@media all and (min-width: 1024px){
 
p, li , a, span {  font-size:16px;  }
p  {margin-bottom: 25px;} 



#startnews .caption{  font-size:16px; font-size:1.5vw;  }

/*.fotocaption , .fotocaption a {  font-size:13px;  }*/
 
h1 { font-size:40px;}

h2 { font-size:40px;}
h3 { font-size:16px;font-family:  "LL Circular Book Web", helvetica, arial, sans-serif;font-weight:normal; }
h4 { font-size:16px;font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-weight:normal;}

.inlinecontent p, .inlinecontent a , #col1  .content p {padding:25px 0px 25px 0px;}


#col1  .content p:first-of-type {padding:13px 0px 25px 0px; /*padding nach oben: 20px - etwas weniger wegen line-height...*/ padding:13px 0px 25px 0px; }
#col1.textcol .content {padding-top: 13px;}


.inlinecontent p, .inlinecontent a , #col1  .content p, #col1 .content  li, #col1  .content a {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:40px;font-size:30px;}


.ce_form h1 , .ce_form h2 {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:50px;font-size:40px; font-weight:normal;margin-bottom:15px;line-height: 130%;}
.ce_form h2 { font-size:16px; }
 


#navicontainer a, #navicontainer  span, .imagealt  {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif;   font-size:16px;  }

 #impressum a, #datenschutz a, #impressum span, #datenschutz span {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif;font-size:16px;}

#main-menu a {font-size:16px;}


.trigger {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:40px;font-size:30px; line-height:60px;}
.toggle_container p {padding: 0px 25px 20px 70px;font-family:  'PT Serif', serif; font-size:16px;margin-top: -5px; }

#col3 h3 {color:#9b9b9b; ;font-family:  "LL Circular Book Web", helvetica, arial, sans-serif;  
text-align:center;
padding:0px 0px 0px 0px;
position:relative;top:0; left:0;
width:100%;}


}

 
/***************************************************************************************************/ 
 
 
 @media all and (min-width: 1440px){
 
p, li , a ,span , #navicontainer a, #navicontainer  span  { font-size:20px;  }

.teamtext span, .teamtext a {  font-size:16px;  }

#startnews .caption {font-size:20px; font-size:1.5vw;  }
 
/* .fotocaption , .fotocaption a {  font-size:13px;  }*/
 
h1 { font-size:50px;font-size:40px;}
h2 { font-size:50px;font-size:40px;}
h3 { font-size:20px;font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-weight:normal;}
h4 { font-size:20px;font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-weight:normal;}





#navicontainer a, #navicontainer  span , .imagealt {font-family:  "LL Circular Bold Web", helvetica, arial, sans-serif;   font-size:20px; }

.imagealt { line-height: 28px; }

 #main-menu a {font-size:20px;} 
#impressum a , #datenschutz a, #impressum span, #datenschutz span {font-size:20px; color:#000;line-height: 28px;}

  
.inlinecontent p ,.inlinecontent a , #col1 .content p, #col1  .content li, #col1  .content a  {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:50px;font-size:40px; font-weight:normal;}  
  
  
  	
.trigger {font-family:  "LL Circular Book Web", helvetica, arial, sans-serif; font-size:50px;font-size:40px; line-height:70px;}
.toggle_container p {padding: 0px 25px 20px 70px;font-family:  'PT Serif', serif; font-size:20px;margin-top: -5px;}

 #col1 .content p.smalltext,  #col1 .content p.smalltext a {padding: 0px 25px 20px 0px;font-family:  'PT Serif', serif; font-size:20px;}




} 


 @media all and (min-width: 1650px){
  

.teamtext span, .teamtext a {   font-size:20px;  }

 }