/*
Theme Name: Maggie
Description: Template zu Maggie
Author: Guido Grossmann
*/

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/abel-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Abel Regular'), local('Abel-Regular'),
       url('fonts/abel-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/abel-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/abel-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/abel-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/abel-v10-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'CantataOne';
  font-style: normal;
  font-weight: 400;
    src: url('fonts/CantataOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'fathir_script_personal_use_Rg';
    src: url('fonts/fathir_script_personal_use-webfont.woff2') format('woff2'),
         url('fonts/fathir_script_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html { margin-top:0 !important; height:100%; }

/** BODY **/
body { margin:0px auto; background:#fff; font-family: 'Abel';  font-size:24px; font-weight:400; color:#73777C; text-align:center; height:100%; }

/** HEADER **/
.logo { padding:20px; max-width:1200px; margin:0 auto; }
.lang { position:relative; z-index:888888888888888; }

/** NAVIGATION **/
.navigation_top { position:absolute; top:0; z-index:-1; }
.menu { padding: 50px 0 10px; }
.menu ul  { margin: 0; padding: 0 10px; }
.menu ul li { display:inline-block; padding:0px 20px 0px 20px; font-size:34px;  }
.menu li { list-style:none; color:#73777C; }
#mysticky-nav { opacity:0; }
.menu1 { padding: 0px; }
.menu1 ul  { margin: 0; padding: 0 10px; }
.menu1 ul li { display:inline-block; padding:0px 20px 0px 20px; font-size:34px;  }
.menu1 li a { list-style:none; color:#fff; }
.menu1 li a:hover { color:#305C68; }

/**FRAMES**/
.main_frm_540 { margin:0 auto; max-width:540px; padding:0 20px; box-sizing:border-box; }
.main_frm_740 { margin:0 auto; max-width:740px; padding:0 20px; box-sizing:border-box; }
.main_frm_780 { margin:0 auto; max-width:860px; padding:0 20px; box-sizing:border-box; }
.main_frm_1040 { margin:0 auto; max-width:1040px; padding:0 20px; box-sizing:border-box; }
.main_frm_1240 { margin:0 auto; max-width:1200px; padding:0 20px; box-sizing:border-box; }

/** Tabellen + Content **/
.tbl_o { display:table; }
.tbl { display:table; max-width:100%; margin:0 auto; }
.tbl_cell { display:table-cell; }
.tbl_cell_350 { display:table-cell; width:350px; }
.tbl_cell_350_b { display:table-cell; width:350px; border-right:1px solid #79949B;}
.tbl_cell_520 { display:table-cell; width:520px; padding: 0 20px; box-sizing: border-box; }

/** FORMULARE **/
input { color:#6D6E6D; background:#f4f4f4; width:100%; height:45px; border:none; font-size:24px; font-family: 'Abel'; padding:10px; }
input[type="submit"] { background:#869FC7; font-size:26px; color:#fff; -webkit-border-radius: 6px; moz-border-radius: 6px;border-radius: 6px; width: 100%; padding: 0!important; display:inline-block; cursor: pointer; }
input[type='radio'] { display:block; }
.wpcf7-list-item { display: inline-block; margin: 10px 20px; }

.ma_m { margin:0 auto; }
.pb_50 { padding-bottom:50px; }
.pt_50 { padding-top:50px; }
.pt_5 { padding-top:5px; }
.pt_10 { padding-top:10px; }
.pt_20 { padding-top:20px; }
.pt_30 { padding-top:30px; }
.pb_30 { padding-bottom:30px; }
.p_50 { padding:50px 0; }
.ptp_10_15 { padding:10px 0 15px 0; }
.ptp_30_50 { padding:30px 0 50px 0; }
.tbl_cell_p { padding:0 100px; }

/** BILDER **/
img { max-width:100%; height:auto;}
.alignleft { float:left; margin-right:20px; }
.alignright { float:right; margin-left:20px;  }
.aligncenter { display:block; margin:0 auto; text-align:center; } 

/** ÜBERSCHRIFTEN **/
h1 { font-family: 'fathir_script_personal_use_Rg'; margin:80px 0; font-size:82px; font-weight:normal; color:#6FA0AD;}
h2 { font-family: 'fathir_script_personal_use_Rg'; margin:10px; font-size:52px; }
h6 { margin:10px; font-size:52px; }
h3 { font-family: 'fathir_script_personal_use_Rg'; margin:0px; font-size:42px; line-height:46px; }
h4 { margin:10px; font-size:42px; font-weight:normal; }
h5 { display:inline; font-size:34px; }
h6 { font-size:24px; color:#ABABAB}

/** FONTSIZE **/
.fs_22 { font-size:22px; }
sup { font-size:22px;}
.sup_small { font-size:16px;}

/** FONTS **/
.fspu { font-family: 'fathir_script_personal_use_Rg'; }

/** COLOR **/
.c_red { color:#79949B; }

/** WIDTH **/
.w_350 { width:350px; }
.mw_510 { max-width:510px; }

/**BACKGROUNDS **/
.bg_grey { background:#f0f0f0; }

/** LINKS **/
a { text-decoration:none; color:#73777C; }
a:hover { color:#79949B; }

/** ALLGEMEIN**/
hr { border-top: 2px solid #73777C; width:10%; }
.ta_l { text-align:left; }
.cp { cursor:pointer; }
.disp_n { display:none; }
.myButton { background-color:#869FC7; border-radius:8px; display:inline-block; cursor:pointer; color:#ffffff; font-size:22px; padding:13px 66px; text-decoration:none; }
.myButton a { color:#ffffff; }
.myButton:hover { background-color:#73777C; color:#fff!important; }
.myButton:active { position:relative; top:1px; }
.img_bdr { padding:6px; border:4px solid #ddd; border-radius:50%; background:#fff; }
.dot { color:#79949B; font-size:24px; }

/** RESPONSIVE **/
@media screen and (max-width:1100px) and (min-width:100px)  {
.menu ul li { display:inline-block; padding:0px 10px 0px 10px; font-size:22px;  }
.menu1 ul li { display:inline-block; padding:0px 10px 0px 10px; font-size:22px;  }
}

@media screen and (max-width:1080px) and (min-width:100px)  {
.tbl_cell_520 { display:block; width:auto; }		
.tbl_cell_p { padding:0 50px; }
}

@media screen and (max-width:700px) and (min-width:100px)  {
.tbl_cell_350 { display:block; width:auto; }
.tbl_cell_350_b { display:inline-block; width:auto; border-bottom:1px solid #79949B; border-right:none;}
.menu ul  { padding:0; }
.menu ul li { padding:0px 10px 0px 10px;  }
.menu li a { font-size:24px; }
#story { font-size:22px; }
}

@media screen and (max-width:640px) and (min-width:100px)  {
.tbl_cell_p { padding:0 20px; }
.tbl_cell { display:block; }
input { width: 100%; }
}

@media screen and (max-width:480px) and (min-width:100px)  {
h1 { font-size:62px; }
.menu ul  { padding:0; }
.menu ul li { padding:0px 10px 0px 10px;  }
.menu li a { font-size:20px; }
.menu1 ul  { padding:0; }
.menu1 ul li { padding:0px 10px 0px 10px;  }
.menu1 li a { font-size:20px; }
h5 { display:block; margin:0; }
.dot { display:none; }
}

@media screen and (max-width:420px) and (min-width:100px)  {
.menu ul  { padding:0; }
.menu ul li { padding:0px 5px 0px 5px;  }
.menu li a { font-size:16px; }
.menu1 ul  { padding:0; }
.menu1 ul li { padding:0px 5px 0px 5px;  }
.menu1 li a { font-size:16px; }
}