/*
Theme Name: Clickagain
Description: Clickagainn
Author: Clickagain
Author URI: Guido Grossmann
*/

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeInRight {
    animation: fadeInRight 1s ease-out;
}

@keyframes reveal {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/** BODY **/
html, body { height: 100%;}
body { max-width:100%; margin:0px auto; font-family:'Inter'; font-size:18px; font-weight:400; line-height:26px; color:#333333; background:#fff; box-sizing:border-box; text-align:left; }

/** HEADER **/
#nav_top_r { position:absolute; display:none; text-align:left; top:0px; left:0; background:#043D66; height:100%; width:100%; z-index:12; padding-right:20px; box-sizing:border-box; padding-left: 10px;}
#nav_top_r ul { list-style-type:none; margin-top:30px; }
#nav_top_r li a { font-weight:600; font-size:18px; line-height:30px; text-decoration:none; color:#043152;}
#nav_top_r li { width:85%; list-style-image: none; margin-left: 0px; margin-bottom: 10px;}
.menu_blued_resp { display:inline-block; margin-left:10px; margin-right:10px; background:#B9E6FB; color:#043D66; padding:5px 20px; border-radius:16px; }
.menu_bluel_resp {display:inline-block; margin-left:10px; margin-right:10px; background:#fff; color:#043152; padding:5px 20px; border-radius:16px; }

/** FRAME - BACKGROUND **/
.bg_blue { background:#043D66; width:100%; padding:0 20px; box-sizing:border-box; }
.menu_blued { display:inline-block; background:#B9E6FB; color:#043D66; padding:5px 20px; border-radius:16px; }
.menu_bluel {display:inline-block; background:#fff; color:#043152; padding:5px 20px; border-radius:16px; }
.menu_blued:hover {background:#f4ff61; } 
.menu_bluel:hover {background:#f4ff61; }
.menu_blued li { list-style:none; }
.menu_bluel li { list-style:none; }

/** ICH **/
.wp_programmierung { padding:60px 0px 60px 7%; box-sizing:border-box; }
.wp_programmierung_frm { border-radius:100px 0px 0px 100px; padding:20px 60px 40px 60px; box-sizing:border-box; text-align:left; }
.wp_programmierung_txt { font-size:20px; line-height:34px; padding:0px 0 20px 30px; }
.wp_programmierung_list { font-size:18px; line-height:32px; }
.wp_ich { color:#e8fd7d; font-size:40px; font-weight:400; margin:20px 0; }
.dich_flex { display:flex; }
.h2_tb { font-size:30px; font-weight:400; margin:0; line-height:40px; padding-bottom: 5px; padding-top: 15px; }
.d_flex_ich, .d_flex_inner { display:flex; }

/** DENKWEISE **/
#denkweise { font-size:18px; line-height:26px }
.dw_d_flex { display:flex; } 
.dw_frm { border-radius:0 200px 200px 0px; padding:40px 60px 40px 20px; }
.wich_50 { width:50%; }
.dw_frm_right {width:40%; padding:100px; }
.dw_light { min-width:150px; padding-right: 40px; box-sizing: border-box; }
.h2_dw { font-weight:500; font-size:36px; margin-bottom:30px; background:#043152; padding:20px; border-radius:60px; width:50%; text-align:center; color:#e8fd7d; }
.h2_gesetzestreu { color:#e8fd7d; font-size:26px; font-weight:400; margin:40px 0 10px 0; }
.gesetzestreu { width:50%; background:#aad6ea; color:#043152; padding:15px 30px; border-radius:60px; text-align:center; margin:0 auto; position:relative; font-weight:400; font-size:30px; z-index:5; margin-top:-35px }
.dw_w_60 { width:60%; }

/** WIR **/
#wir { background:#aad6ea; padding:100px 20px; box-sizing:border-box; }
.wir_headln { width:30%; background:#043152; color:#f4ff61; padding:15px 50px; border-radius:60px; text-align:center; margin:0 auto; position:relative; font-weight:500; font-size:30px; z-index:5; margin-top:-35px }
.walk_al { padding-top:40px; font-size:38px; text-align:center; line-height: 38px;}
.mitstreiter { text-align:center; font-size:24px; font-weight:500; padding:20px 0 10px 0; }
.mit_az { text-align:center; width:100%; line-height: 26px; font-size:20px; }
.wir_flex { padding-top:60px; display:flex; flex-wrap:wrap; row-gap:30px; column-gap:30px; justify-content: center;}
.wir_img {border-radius: 40px; position:relative; }
.wir_img_br { border-radius: 40px 40px 0px 0px; }
.wir_ki_box { width:32%; background:#043152; border-radius:40px; padding:40px 20px; box-sizing:border-box; }
.ki_bst { letter-spacing:3px; color:#f4ff61; font-size:66px; }
.ki_txt { letter-spacing:2px; color:#FFF; font-size:18px!important; padding-top:5px; }
.ki_txt_gelb {font-size:16px!important; font-weight:300; padding:20px 0;color:#f4ff61; line-height:28px!important; }
.wln_70 { width:70%; }

#lorbeeren { background:#043152; width:100%; padding:100px 20px; box-sizing:border-box; }
.lorbeer_txt_frm { width:50%; padding-bottom:100px; margin:0 auto; text-align:center }
.lorbeer_txt { width:30%; background:#aad6ea; color:#043152; padding:15px 50px; border-radius:60px; text-align:center; margin:0 auto; position:relative; font-weight:300; font-size:30px; z-index:5; margin-top:-35px; }
.lorbeer_flex { width:100%; margin:0 auto;display:flex; flex-wrap:wrap; column-gap:20px; row-gap:20px;justify-content:center; white-space: nowrap; font-size:14px; }
.lorbeer_img_flex { padding-top:50px; display:flex; margin:0 auto; row-gap:30px; column-gap:30px; flex-wrap:wrap;justify-content:center; }
.lorbeer_img { max-width:577px; border-radius:42px;border:2px solid #aad6ea; display:flex; align-items:center; }
.lorbeer_img_img {max-width:377px; border-radius: 40px 0px 0px 40px; overflow:hidden; position:relative; }
.lorbeer_img_img1 {max-width:377px; border-radius: 0px 40px 40px 0; overflow:hidden; position:relative; }
.lorbeer_img_txt { width:200px; border-radius: 0px 40px 40px 0px; background:#043152; color:#fff; padding:20px 10px; box-sizing:border-box; text-align:center; }
.lorbeer_ort { padding-bottom:10px; letter-spacing:2px; font-size:12px; color:#aad6ea; }
.lorbeer_name {font-weight:300;padding-bottom:20px; }
.lorbeer_url {font-size:11px; line-height:15px; }
.lorbeer_img_txt1 { width:200px; border-radius: 40px 0 0px 40px; background:#043152; color:#fff; padding:20px 10px; box-sizing:border-box; text-align:center; }
.wlnloor_70 { width:70%; }
/*** OVERLAY ***/
.overlay { display: block; position:absolute;top:0; left:0; width: 100%; height: 100%; z-index: 1; background: #00000080 0% 0% no-repeat; opacity:0;}
.overlay:hover { opacity:1; }
.overlay_container { width:100%; color:#fff; display: flex; justify-content: center; align-items: center; height: 100%; }
.overlay_txt { display:block; text-align:center; font-size:18px; }

#sie { background:#f4ff61; color:#043152; padding:100px 20px 100px 20px; box-sizing:border-box }
.sie_kont_frm {width:375px; background:#043152; color:#aad6ea; text-align:center; border-radius:60px; text-align:center; font-size:38px; padding:40px 40px 10px 40px; box-sizing:border-box; letter-spacing:2px; }
.sie_hln { width:30%; padding:15px 50px; box-sizing:border-box; border-radius:60px; position:relative; font-weight:300; font-size:30px; z-index:5; margin-top:-35px!important; }
.sie_kont { padding-top: 20px; font-size: 32px; line-height: 40px; }
.sie_zaudern { padding: 30px 0 60px 0; box-sizing:border-box; }
.sie_flex { display:flex; column-gap:50px;justify-content:center; }
.sie_circle { color:#F6FAC6; border-radius: 50%; border: 2px #F6FAC6 solid; padding: 20px;margin:30px 0; opacity:1!important }
.sie_inner_circle_h3 { font-size:32px; padding:0 }
.sie_pad_circle {padding: 10px 0 10px 0;!important; }

#nachschlag { background:#aad6ea; width:100%; box-sizing:border-box; padding: 100px 20px; }
.nsg_strt { width:50%; padding-bottom:100px; padding-top:100px;margin:0 auto; text-align:center; }
.nsg_hln { width:50%; background:#043152; color:#f4ff61; padding:15px 50px; border-radius:60px; text-align:center; margin:0 auto; position:relative; font-weight:300; font-size:30px; z-index:5; margin-top:-35px; }
.nsg_frm { max-width:1440px; margin:0 auto; padding:80px 0 100px 20px; box-sizing:border-box; }
.nsg_flex {  width:100%; display:flex; flex-wrap:wrap; column-gap:20px;align-items:center; }
.nsg_w { width:49%; }
.padd_t_resp { padding-top:0px; }
.nsg_w h2 { font-size: 36px; line-height: 36px; }

/** INFO PAGES **/
.info_frm { min-height:100%; position:relative; }
.info_content { margin:0 auto; max-width:1440px; box-sizing:border-box;text-align:left; padding:50px 20px 50px 20px; font-size: 18px; line-height: 26px;}
.ct_pdb { padding-bottom:180px; }
.info_content a { color:#043152; }

/** FLEX **/
.d_flex { display:flex; }
.flex_main { display:flex; justify-content:space-between; max-width:1680px;  margin:0 auto; }
.flex_main_info { display:flex; justify-content:space-between; max-width:1680px;  margin:0 auto; }
.ai_c { align-items:center; }

/** ALLGEMEIN **/
.pointer { cursor:pointer; }
.mg_cnt { margin:0 auto; }
.w_100 { width:100%; }
.w_70 { width:70%; }
.w_60 { width:60%;}
.w_50 { width:50%; }
.w_32 { width:430px; }
.m_width_100 { width:400px; }
.mx_width_1440 { max-width:1440px; }
.ta_c { text-align:center; }
.ta_l { text-align: left; }
.bs_bb { box-sizing: border-box; }
.fs_13 { font-size:13px; }

/** UEBERSCHRIFTEN **/
h1 { font-size:44px; padding:0px; line-height:56px; }
h2 { font-size:44px; padding:0px; line-height:56px; margin-bottom:0; }
h3 { font-size: 28px; line-height: 32px; }
h4 {font-size: 18px; margin-bottom: 0; }
.info_content h1 { font-size:44px; padding:0px; line-height:56px; }
.info_content h2 { font-size: 24px; padding: 0px; line-height:26px; margin-bottom:0px;}
.info_content h3 { font-size: 22px; line-height: 22px; margin-bottom: 0; }

/** FARBEN **/
.weiss { color:#fff; }
.hellblau { color:#aad6ea; }
.dunkelblau { color:#043152; } 
.gelb { color:#e8fd7d; }

/** BACKGROUNDS **/
.bg_gelb { background:#f4ff61; }
.bg_darkblue { background:#043152; }
.bg_bluelight { background:#aad6ea; }

/** Line **/
.ln { margin-top:-30px; margin-left:20px; margin-right:20px; }

/** PADDINGS **/
.padtb_20 { padding:20px 0; }
.padlr_20 { padding:0 20px; }
.padb_50 { padding-bottom:50px; }
.padb_30 { padding-bottom:30px; }
.pt_20 { padding-top:20px; }
.pad_dwt_80 { padding:80px 0px; }
.mab_10 { margin-bottom: 0px 14px 10px 14px;}
.mr_20 { margin-right: 20px; }

/** MAIN-MENU **/
.menu { font-size:18px; margin-top:30px; padding:20px 0; }
.menu a { text-decoration:none; color:#043152; }
.menu_info { font-size:18px; margin-top:20px; padding:20px 0; }
.menu_info a { text-decoration:none; color:#043152; }
.burger { display:none; }

/** DENKWEISE **/
.denkweise:hover .think  {  display:none; }
.denkweise:hover .think_h  {  display:block; }
.think { display:block; }
.think_h { display:none; }
.think_hl { display:none; max-width:70px; padding-top:15px; }
.think_hl3 { display:none; max-width:70px; padding-top:15px; }

/** SHOW REFERENZEN **/
#Aerzte { display:none; }
#Coaching { display:none; opacity:0;}
#Buecher { display:none; opacity:0;}
#Grafik { display:none; opacity:0;}
#Dies { display:block; opacity:1; }
#Anwalt { display:none; }
#Tierarzt { display:none; }
#Kunst { display:none; }
.all_ref { opacity:0; }

.error_pg { margin:0 auto; padding:100px 20px;box-sizing:border-box; max-width:1040px; text-align:center}

/** FOOTER **/
.foot_flex { max-width:1680px; padding: 15px 20px 0px 20px; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; color:#fff; margin:0 auto;}
.foot_frm { position:absolute; bottom: 0; width: 100%; height:150px;}
.foot_frm_main { width: 100%; }
.foot_right { width:50%; text-align:right;}
.foot_left { width:50%; color:#e8fd7d; font-size:17.5px}
.foot_right a { text-decoration: none; color: #043152; }
.mlr { margin: 0px 14px 10px 14px; }
.mlr1 { margin: 0px 7px 10px 7px; }

/** BURGER **/
#strt_main { display:inline; }
#overlay1 { position: absolute; display:none; width:100%; top: 0; left: 0; z-index:100; height:100vh; background:#216e77; color:#fff;   }
.ol_flex1 { display:flex; justify-content: space-around; margin-top:30px; box-sizing:border-box;  }
.ol_flex2 { position:absolute; width: 100%; bottom:40px; display:flex; justify-content: space-around; align-items: flex-end; margin-top:30px; }
.ol_flex1_left {width:90%; padding-left:20%; box-sizing:border-box; }
.ol_flex1_right { width:10%; min-width:22px; margin-top:10px; text-align:right; padding-right: 70px; }
.ol_flex2_left { width:50%; padding-left:20%; box-sizing:border-box; }
.ol_flex2_right { width:50%; min-width:22px; margin-top:10px; text-align:right; padding-right: 70px; }
.top_menu li, .top_menu li a { color:#fff; list-style:none; font-size: 40px; line-height: 60px; font-weight: 300; letter-spacing: 2px; }
ul { padding:0; }

/*** SUBNAVI REFERENZEN ***/
.sub_r_Dies,.sub_r_Aerzte,.sub_r_Buecher,.sub_r_Coaching,.sub_r_Grafik,.sub_r_Kunst,.sub_r_Anwalt,.sub_r_Tierarzt { border:2px solid #e8fd7d; border-radius:20px; padding:5px 15px; color:#e8fd7d; text-align:center; cursor:pointer; }
.sub_r_DiesS,.sub_r_AerzteS,.sub_r_BuecherS,.sub_r_CoachingS,.sub_r_GrafikS,.sub_r_KunstS,.sub_r_AnwaltS,.sub_r_TierarztS { border:2px solid #aad6ea; border-radius:20px; padding:5px 15px; color:#aad6ea; text-align:center; cursor:pointer; }
.sub_r_Dies:hover { border:2px solid #aad6ea;  color:#aad6ea;}
.sub_r_Aerzte:hover { border:2px solid #aad6ea;  color:#aad6ea;}
.sub_r_Buecher:hover { border:2px solid #aad6ea;  color:#aad6ea;}
.sub_r_Coaching:hover { border:2px solid #aad6ea;  color:#aad6ea;}
.sub_r_Grafik:hover { border:2px solid #aad6ea;  color:#aad6ea;}
.sub_r_Kunst:hover { border:2px solid #aad6ea;  color:#aad6ea;}
.sub_r_Anwalt:hover { border:2px solid #aad6ea;  color:#aad6ea;}
.sub_r_Tierarzt:hover { border:2px solid #aad6ea;  color:#aad6ea;}

/** REFERENZEN UP **/ 
.gw { border:2px solid #e8fd7d; border-radius:50%; padding:15px 15px; color:#e8fd7d; text-align:center; cursor:pointer; font-size:22px; width:30px; margin:0 auto; margin-top:50px; }
.gw a { color:#e8fd7d; }
.gw:hover { border:2px solid #aad6ea; color:#aad6ea; }
.gw a:hover { color:#aad6ea; } 

/** MITSTREITER **/
.ms_link1 { background:#043152; font-weight:600; border-radius: 0px 0px 40px 40px; padding:10px 20px; font-size:15px; text-align:center; color:#e8fd7d; }
.ms_link1 a {color:#e8fd7d; text-decoration:none; }
.ms_link1 a:hover {color:#aad6ea; }
.ms_link2 { background:#043152; font-weight:600; border-radius: 0px 0px 40px 40px; font-size:28px!important; text-align:center; color:#fff; animation-play-state: paused; max-width:0px; overflow:hidden; display:inline-block; }

/** ANIMATIONEN **/
.fosi { font-size:20px; }
.ms_link { font-weight:400; border-radius: 0px 0px 40px 40px; font-size:15px; animation-play-state: paused; opacity:0; max-width:100%!important;}
.animated_ms_link { animation-play-state: running; animation: fade-in 2s ease; opacity:1; }
.animated_ms_link2 { animation-play-state: running; transition: max-width 2s ease-in-out; max-width: 150px; overflow:visible;animation: fade-in 2s ease; opacity:1;}
.animated_fosi { animation-play-state: running; transition: font-size 0.5s ease-in-out; animation: fade-in 2s ease;	font-size:64px; }

/** ZOOM **/
.zoom-img { overflow:hidden; }
.zoom-img img { width: 100%; object-fit: cover; transition: all .3s ease;}
.zoom-img img:hover { transform: scale(1.05); }

.ms_img { height:100%; overflow:hidden; }

/** BILDER **/
img { max-width:100%; height:auto; vertical-align:middle; }
.aligncenter { display:block; text-align:center; margin:0 auto; }
.alignright { text-align:right; }

/** LISTEN **/
.info_content ul { padding-left: 15px; }

/** LINKS **/
.sie_inner_circle_h3 a { color:#aad6ea; text-decoration:none; }
.sie_circle:hover { color: #f4ff61; border: 2px #f4ff61 solid;}
.kont { color:#aad6ea; }
.kont:hover { color:#f4ff61; }



/** RESPONSIVE **/
@media screen and (max-width:1440px) and (min-width:100px)  {
.info_content { max-width:1040px; }
}

@media screen and (max-width:1380px) and (min-width:100px)  {
h1 { font-size:38px; line-height:42px; }
.info_content h1 { font-size:38px; line-height:42px; }
.wp_programmierung { font-size:38px; padding:60px 0px 60px 4%; line-height:42px; }
.wp_programmierung_frm { border-radius:80px 0px 00px 80px; padding:10px 20px 50px 30px; }
.wp_programmierung_txt { font-size:18px; line-height:30px; padding:0px 0 20px 30px; }
.wp_programmierung_list { font-size:16px; line-height:28px; }
#denkweise { font-size:16px; line-height:24px }
.dw_light { min-width: 80px; padding-right:20px; }
.dw_frm { padding: 40px 60px 40px 20px; }
.gesetzestreu { width: 60%; }
}

@media screen and (max-width:1240px) and (min-width:100px)  {
.dw_light { display: none }	
.lorbeer_txt_frm { width:100%; padding-bottom: 50px;}
.think_hl { display:inline-block; }
.h2_dw { padding:20px 40px; font-size: 30px;}
.denkweise:hover .think_hl  {  display:none; }
.denkweise:hover .think_hl3  {  display:inline-block; }
.h2_dw { width:70%; }
.gesetzestreu { width: 70%; font-weight: 400; font-size: 30px; }
#nachschlag { padding: 100px 20px 40px 20px; }
.nsg_frm { padding: 80px 0 0px 0px; }
.nsg_w { width: 100%; text-align: center; }
.padd_t_resp { padding-top:40px; }

}

@media screen and (max-width:1040px) and (min-width:100px)  {
.d_flex_ich { flex-wrap:wrap; }
.dw_d_flex { flex-wrap:wrap; }
.dw_frm_right { width:100%; padding:100px 30px 50px 30px; }
.dw_w_60 { width:90%; }
.wich_50 { width:100%}	
.gesetzestreu { width: 60%; font-weight: 400; font-size: 30px; }
.sie_inner_circle_h3 { font-size: 24px; letter-spacing:0!important; }
.sie_flex { column-gap: 20px; }
.menu { font-size: 18px; margin-top: 20px; }
ul.ln { text-align: center; }
.padtb_20 { padding: 10px 0; text-align: center; }
.m_width_100 { width: 300px; }
.menu { font-size: 15px; padding-top: 23px;}
h2 { font-size: 28px; line-height: 36px; }
.info_content h3 { font-size: 24px; line-height: 26px; }
}

@media screen and (max-width:880px) and (min-width:100px)  {
.menu { font-size: 14px; }
.menu_bluel { padding: 5px 10px; }
.menu_blue { padding: 5px 10px; }
.flex_main { display:block; }
.menu { font-size: 16px; padding-top: 5px;}
}

@media screen and (max-width:680px) and (min-width:100px)  {
.lorbeer_txt { width:50%; }
.gesetzestreu { width: 60%; font-weight: 400; font-size: 25px; }
.wln_70 { width:100%; }
.wlnloor_70 { width:100%; }
.ms_link2 { font-size:25px!important; }
.lorbeer_txt_frm { width: 100%; }
.sub_r_Dies,.sub_r_Aerzte,.sub_r_Buecher,.sub_r_Coaching,.sub_r_Grafik,.sub_r_Kunst,.sub_r_Anwalt,.sub_r_Tierarzt { padding:5px 10px; }
.sub_r_DiesS,.sub_r_AerzteS,.sub_r_BuecherS,.sub_r_CoachingS,.sub_r_GrafikS,.sub_r_KunstS,.sub_r_AnwaltS,.sub_r_TierarztS { padding:5px 10px;}
.lorbeer_flex { column-gap: 10px; row-gap: 15px; font-size: 11px; }
.sie_flex { flex-wrap: wrap; row-gap: 40px; }
.animated_fosi { font-size:44px; line-height: 40px; }
.sie_kont { font-size: 26px; line-height: 30px; }
.sie_hln { width: 60%; }
.nsg_hln { width: 60%; }
.menu { display:none; }
.flex_main { display:flex; }
.burger { display:block; margin-top: 35px; }
.lorbeer_img { max-width: 377px; flex-wrap: wrap;}
.lorbeer_img_img1 { max-width: 377px; border-radius: 0px 0px 40px 40px; }
.lorbeer_img_txt1 { width: 100%; border-radius: 40px 40px 40px 40px; }
.lorbeer_img_img { max-width: 377px; border-radius: 40px 40px 0px 0px; }
.lorbeer_img_txt { width: 100%; border-radius: 40px 40px 40px 40px; }
.lorbeer_name { padding-bottom: 10px; }
.lorbeer_name p { margin:0; }
.foot_flex { flex-wrap:wrap-reverse; }
.m_width_100 { min-width: 150px; width: auto; }
.foot_flex { flex-wrap:wrap-reverse; }
.foot_right { width: 100%;text-align: center; }
.foot_left { width: 100%;text-align: center; }
.ct_pdb { padding-bottom:260px; }
.foot_frm { height:250px; }
}

@media screen and (max-width:480px) and (min-width:100px)  {
.menu_blued { margin-bottom:10px; }
.info_content { font-size: 16px; line-height: 22px;}
h4 {font-size: 18px; margin-bottom: 0; }
.info_content h1 { font-size:38px; padding:0px; line-height:48px; }
.info_content h2 { font-size: 21px; padding: 0px; line-height: 26px; margin-bottom: 0px;}
.info_content h3 { font-size: 19px; line-height:22px; margin-bottom: 0; }
}

@media screen and (max-width:400px) and (min-width:100px)  {
.wp_programmierung_frm { border-radius: 0; padding: 30px 20px 50px 20px; text-align:center; }
.wp_programmierung { padding: 60px 0px 60px 0%; text-align:center;}
h1 {font-size: 34px; line-height: 40px; }
.info_content h1 {font-size: 34px; line-height: 40px; }
.d_flex_inner { display: block; text-align:center; }
.wp_programmierung_txt { padding: 0px 0 20px 0px; }
.dw_frm { border-radius: 0; padding: 20px 20px 40px 20px; text-align: center;}
.dw_w_60 { width: 100%;  }
.pad_dwt_80 {padding:0px; }
.dw_frm_right { width: 100%; padding: 60px 30px 50px 30px; }
.h2_dw { font-size:28px; width:65%; margin:0 auto; }
.gesetzestreu { width: 60%; font-weight: 500; font-size: 18px; }
.wln_70 { width:100%; }
.wlnloor_70 { width:100%; }
.ms_link2 { font-size:19px!important; }
.wir_ki_box { text-align:center; }
.ki_bst { letter-spacing: 0px; }
.lorbeer_txt_frm { padding-bottom: 30px; }
.lorbeer_txt { font-weight: 500; font-size: 20px; padding: 15px 20px;}
#lorbeeren { padding: 50px 20px }
.sie_kont_frm { font-size: 30px; padding: 40px 30px 10px 30px; }
.sie_inner_circle_h3 { font-size: 20px; }
.nsg_hln {font-weight: 500; font-size: 20px; padding: 15px 20px; }
.menu_info { margin-top: 40px; }
.animated_fosi { font-size: 36px; line-height: 36px;}
}
 
 @media screen and (max-width:360px) and (min-width:100px)  {
.ct_pdb { padding-bottom:270px; }
.foot_frm { height:300px; }

 }

@media only screen and (min-width: 768px) {
 .cd-top { right: 20px; bottom: 20px; }
}

@media only screen and (min-width: 1024px) {
.cd-top { height: 30px; width: 30px; right: 30px; bottom: 30px; }
}