/* cmsms stylesheet: main css modified: 14.10.2021 10:37:36 */
@font-face {
  font-family: "GaramondPemr";
  src: url(/fonts/GaramondPremrPro-Smbd.woff);
  
}

@font-face {
  font-family: "ITCFranklinGothic";
  src: url(/fonts/ITCFranklinGothicStd-BkCd.woff);

}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* main style */




body, html{
    background-image:url("/uploads/images/layout/background.jpg");
    /*background-repeat:no-repeat;*/
    background-size: cover;
    font-family: 'Roboto', sans-serif;
}

.container{
    width: 100%;
    max-width: 1300px;
    margin:0 auto;
    display:table;
}

img {
   max-width:100%; 
   height:auto;
}

a{
    text-decoration:none;
    color:#ee5d5d;
    transition: all 300ms;
}

a:hover{
    color:#aaabad;
}

.fett, strong, b{
    font-weight:700;
}

em, .kursiv{
    font-style: italic;
}

h4.animation .letter {
    font-family: "GaramondPemr";
    color:#000;
}

iframe{
    width:100%;
    height:auto;
    min-height:315px;
}



/* header area */

#header{
    content: "";
    display: table;
    margin-bottom:60px;
}

#header #logo{
    float:left;
    max-width:200px;
    padding-left: 15px;
}

#menu ul {
    float:right;
    padding: 50px 20px 20px 20px;
}

#menu ul li {
    float: left;
    padding: 20px 0px 20px 40px;
    font-family: 'Oswald', sans-serif;
    color:#7f7f7f;
}

#menu ul li a {
    color:#7f7f7f;
    font-size: 18px;
}

#menu ul li.currentpage a , #menu ul li a:hover{
    color:#e41819;
}

#header::after{
    display:table;
}

/*Section Area*/


h1{
    font-size: 40px;
    /*color:#e41819;*/
    color:#eb5e56;
    font-weight:300;
    line-height:44px;
    margin-bottom:10px;
}

h2{
    /*color:#7e7e7e;*/
    color:#939498;
    font-family: 'GaramondPemr';
    font-weight:300;
    font-size: 29px;
    margin-bottom:40px;
}

h3 {
    color: #e41819;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 40px;
}


h4{
    color: #7e7e7e;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 40px;
}

p, #home ul li, #page ul li{ 
    color:#7f7f7f;
    font-size:19px;
    line-height:30px;
    margin-bottom: 47px;
   /* margin-bottom: 24px;*/
}

#home p, #page p, #home ul li, #page ul li {font-family: 'ITCFranklinGothic';}

#home ul , #page ul {
    margin-top: -30px;
    margin-bottom: 47px;
}

#home h3+ul , #page h3+ul, #home h1+ul , #page h1+ul #home h2+ul , #page h2+ul #home h4+ul , #page h4+ul {
    margin-top: 0;
}

#home ul li, #page ul li{
    margin-bottom:10px;
    margin-left: 30px;
}

#home ul li::before, #page ul li::before, #vita ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.col-content_resp{
    display:none;
    text-align:center;
    margin: 0 auto;
    margin-bottom :24px;
}

.col-content-links{
    /*width:620px;*/
    width: 50%;
    float: left;
    padding: 30px 15px;
    box-sizing: border-box;
}

.col-content-rechts{
    /*width:620px;
    float: left;
    padding: 0px 15px;
    text-align:right;*/
    right:0;
    width:50%!important;
    box-sizing: border-box;
}

#title{
    min-height:160px;
}

#title h2{
    margin-bottom:10px;
}

#home .col-content-rechts{
    width: 50%;
    max-width: 630px;
    float:left;
    text-align: right;
}
    
#page .col-content-rechts {
    position: absolute;
    /*right: 245px;
    width:100%;
    max-width: 620px;
    right:16.08%;
    /*width:29%;
    float: left;
    padding: 0px 15px;
    text-align: left;*/
}

#page .col-content-rechts > div {
    /*position:fixed;*/
    margin-top:10px;
    margin-left: 79px;
}

#home div.contact {
    margin-top: 50px;
    float:right;
}

#page div.contact{
    text-align: left;
    margin-top: 50px;
    /*float: right;
    margin-right: 40px;*/
    margin-left: 20px;
}

.videolink{
    max-width:587px;
    max-height: 315px;
    box-shadow: 5px 3px 37px #888888;
}

#footer-wrapper{
    margin-top: 60px;
    padding: 25px 15px 10px 15px;
    background-image: url(/uploads/images/layout/bg_footer.jpg);
    background-size:cover;
    background-position: center center;
}

#footer-wrapper p{
    color:#fff;
    font-size:16px;
    line-height:22px;
}

.footerbox{
    float:left;
    margin-right:90px;
}

#footerbox3 {
    float:right;
}

#footerbox3 a{
    color:#fff;
}

#footerbox3 a:hover{
    color:#ee5d5d;
}

div#footer p {
    margin-bottom: 15px;
}

div.contact{
    text-align:left;
}

div.contact p{
    margin-bottom:24px;
}

div.contact p img{
    margin-bottom:-5px;
    margin-right:20px;
}

div.contact p span{
    font-family: Roboto;
    color: grey;
    font-weight: 300;
    font-size: 22px;
}
div.contact p span:hover{
    color:#e41819;
}

.aspect-ratio {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}
.aspect-ratio iframe {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*-----  Formbuilder ----------*/


input, textarea{
    width: 50%;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #7f7f7f;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
}

input:focus, textarea:focus{
    border: 1.5px solid  #00a3cc;
    outline: 0;
}

textarea{
    border-radius: 16px;
}

input[type='submit']{
    background-color: #7f7f7f;
    width: 53%;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    border-radius: 20px; 
    transition: all 400ms;
}

input[type='submit']:hover{
    cursor: pointer;
    background-color: #e41819;
}

.poadcast{
    height: 90px;
    min-height: 90px;
}






/*header#header-wrapper {
    overflow: hidden;
    background-color: #e9e9eb;
    position: fixed;
    height: 175px;
    top: 0;
    width: 100%;
}


header#header-wrapper {
    overflow: hidden;
    background-color: rgb(233, 233, 235,0.7);
    position: fixed;
    height: 175px;
    top: 0;
    width: 100%;
}



section#page-wrapper, section#home-wrapper {
    padding-top: 257px;
    
}*/
/* cmsms stylesheet: meanmenu css modified: 25.03.2019 13:43:53 */
/*! #######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:fixed;top:0;background:#aaabad;padding:4px 0;min-height:35px;height:37px;z-index:999999}.mean-container a.meanmenu-reveal{width:35px;height:35px;padding:10px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:25px!important;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px;margin:5px 2px}.mean-container .mean-nav{float:left;width:100%;background:#aaabad;margin-top:39px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;/*padding:1em 5%*/; padding-bottom: 1em;padding-top: 1em; padding-right: 10%;padding-left: 0%;margin:0;text-align:right;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);/*opacity:.75;*/filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li a.currentpage  {background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:29px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(255,255,255,1);color:#1b665b;}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}
/* cmsms stylesheet: responsive css modified: 25.03.2019 14:49:32 */
@media screen and (max-width: 1355px) {

  #footer-wrapper{margin:0;}
  #menu ul li {padding: 20px 0px 20px 22px;}
}

@media screen and (max-width: 1087px) {
  #menu ul li {padding: 20px 0px 20px 13px;}
}

@media screen and (max-width: 1006px) {
  #header {margin-top: 72px;}
  #header #logo {float: none; padding-left: 0px; text-align: center; margin: 0 auto;}
  #title h2 {margin-bottom:0;}
  .col-content-links{width:100%;}
  .col-content_resp{display:block;}
  #home .col-content-rechts, .col-content-rechts, #page .col-content-rechts{display:none;}
  #footerbox3 {float:left;}
  #home div.contact{float:none;margin-top:0;}
  #page div.contact{margin:0;}
}

@media screen and (max-width: 690px) {
    .footerbox, #footerbox3{float:none;margin-right:0;margin: 0 auto;text-align: center; margin-bottom: 20px;  }
    #footerbox2{margin-bottom:50px;}
    #footer{margin:0;}
    #header{margin-bottom:20px;}
    input, textarea, input[type='submit'] {width:100%}
    h1{ font-size:33px;/*37*/}
    h2{ font-size: 25px;}
    div.contact p img {margin-right:10px;}
    div.contact p span {font-size: 17px;}
    

}

@media screen and (max-width: 500px) {
    .wrapper {margin: 0;}

}

@media screen and (max-width: 370px) {
    .mean-container .mean-nav ul li a{font-size:14px;}
    a.small {font-size: 16px;}
    img.siegel {display:block;margin:0 auto; float: none!important;}
    div.contact p img{margin-right:5px;}
    div.contact p span{font-size:14px;font-weight: 700;}

}