#qx-section-3975 { margin-right : 20px; margin-left : 20px; padding-top : 60px; padding-bottom : 60px; background-color : rgba(255 ,  255,  255, 1); background-image : url("https://sonnenspiel-familienraum.de/images//elternkaffee.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-3975-background-overlay { background-color : rgba(170 ,  163,  152, 1); opacity : 0.56;  } #qx-section-3975:hover .qx-section-3975-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-3975 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-3975 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px;  }  } #qx-row-90103 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-90103-background-overlay {  } #qx-row-90103:hover .qx-row-90103-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-90103 {  }  } @media (max-width: 767px) { #qx-row-90103 {  }  } #qx-column-86107 > .qx-col-wrap { margin-top : 80px; margin-bottom : 80px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-86107 { flex: 100%; max-width: 100%; } .qx-column-86107-background-overlay {  } #qx-column-86107:hover .qx-column-86107-background-overlay {  } #qx-column-86107 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-86107 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-86107 > .qx-col-wrap {  } #qx-column-86107 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-86107 > .qx-col-wrap {  } #qx-column-86107 { flex: 100%; max-width: 100%; }  } #qx-heading-17111 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-17111 h2 { font-family : Bitter; font-size : 49px; text-transform : uppercase; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-17111 {  } #qx-heading-17111 h2 { font-size : 40px;  }  } @media (max-width: 767px) { #qx-heading-17111 {  } #qx-heading-17111 h2 { font-size : 32px;  }  } #qx-divider-43898 { margin-right : 600px; margin-bottom : -30px; margin-left : 600px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; padding-top : 15px; padding-bottom : 15px;  } #qx-divider-43898 .qx-divider-separator { border-top-style : solid; border-top-width : 2px; border-color : rgba(255 ,  255,  255, 1); display : inline-block; width : 100%;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-divider-43898 {  }  } @media (max-width: 767px) { #qx-divider-43898 { margin-right : 80px; margin-left : 80px;  }  } #qx-text-61156 { padding-right : 400px; padding-left : 400px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Abel; font-size : 22px; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-61156 { padding-right : 20px; padding-left : 20px;  }  } @media (max-width: 767px) { #qx-text-61156 { padding-right : 20px; padding-left : 20px; font-size : 18px;  }  } #qx-section-421007 { padding-top : 80px; padding-right : 0px; padding-bottom : 65px; padding-left : 0px; background-color : rgba(255 ,  255,  255, 1); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-421007-background-overlay {  } #qx-section-421007:hover .qx-section-421007-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-421007 { padding-top : 100px; padding-right : 0px; padding-bottom : 60px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-421007 { padding-top : 50px; padding-right : 0px; padding-bottom : 50px; padding-left : 0px;  }  } #qx-row-95793 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-95793-background-overlay {  } #qx-row-95793:hover .qx-row-95793-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-95793 {  }  } @media (max-width: 767px) { #qx-row-95793 {  }  } #qx-column-93794 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-93794 { flex: 100%; max-width: 100%; } .qx-column-93794-background-overlay {  } #qx-column-93794:hover .qx-column-93794-background-overlay {  } #qx-column-93794 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-93794 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-93794 > .qx-col-wrap {  } #qx-column-93794 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-93794 > .qx-col-wrap {  } #qx-column-93794 { flex: 100%; max-width: 100%; }  } #qx-heading-36280 { margin-top : 70px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-36280 h2 { color : rgba(170 ,  165,  161, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-36280 {  }  } @media (max-width: 767px) { #qx-heading-36280 { margin-top : 50px; text-align : left;  }  } #qx-divider-421572 { margin-right : 400px; margin-bottom : -30px; margin-left : 400px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; padding-top : 15px; padding-bottom : 15px; text-align : center;  } #qx-divider-421572 .qx-divider-separator { border-top-style : solid; border-top-width : 2px; border-color : rgba(170 ,  165,  161, 1); display : inline-block; width : 100%;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-divider-421572 { margin-right : 100px; margin-left : 100px;  }  } @media (max-width: 767px) { #qx-divider-421572 { margin-right : 0px; margin-left : 0px;  }  } #qx-text-40501 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-40501 {  }  } @media (max-width: 767px) { #qx-text-40501 { margin-right : 0px; margin-left : 0px; padding-right : 0px; padding-left : 0px; text-align : left;  }  } #qx-heading-49798 { margin-top : 70px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-49798 h2 { color : rgba(170 ,  165,  161, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-49798 {  }  } @media (max-width: 767px) { #qx-heading-49798 { margin-top : 50px; text-align : left;  }  } #qx-divider-41500 { margin-right : 400px; margin-bottom : -30px; margin-left : 400px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; padding-top : 15px; padding-bottom : 15px;  } #qx-divider-41500 .qx-divider-separator { border-top-style : solid; border-top-width : 2px; border-color : rgba(170 ,  165,  161, 1); display : inline-block; width : 100%;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-divider-41500 { margin-right : 100px; margin-left : 100px;  }  } @media (max-width: 767px) { #qx-divider-41500 { margin-right : 0px; margin-left : 0px;  }  } #qx-text-11935 { margin-bottom : 49px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-weight : 400; letter-spacing : 0.2px; text-align : center;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-11935 { text-align : center;  }  } @media (max-width: 767px) { #qx-text-11935 { margin-right : 0px; margin-left : 0px; padding-right : 0px; padding-left : 0px; text-align : left;  }  } #qx-section-30292 { margin-right : 20px; margin-left : 20px; padding-top : 140px; padding-right : 0px; padding-bottom : 140px; padding-left : 0px; background-color : rgba(255, 255, 255, 0); background-image : url("https://sonnenspiel-familienraum.de/images//elternkaffee.jpg"); background-size : cover; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-30292-background-overlay { background-color : rgba(87 ,  86,  85, 1); opacity : 0.68;  } #qx-section-30292:hover .qx-section-30292-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-30292 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-30292 { margin-right : 20px; margin-left : 20px; padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-section-221966 { margin-right : 20px; margin-left : 20px; padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(87 ,  86,  85, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-221966-background-overlay {  } #qx-section-221966:hover .qx-section-221966-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-221966 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-221966 { margin-right : 20px; margin-left : 20px; padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-901979 { margin-top : 50px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-901979-background-overlay {  } #qx-row-901979:hover .qx-row-901979-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-901979 {  }  } @media (max-width: 767px) { #qx-row-901979 {  }  } #qx-column-191980 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-191980 { flex: 100%; max-width: 100%; } .qx-column-191980-background-overlay {  } #qx-column-191980:hover .qx-column-191980-background-overlay {  } #qx-column-191980 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-191980 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-191980 > .qx-col-wrap {  } #qx-column-191980 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-191980 > .qx-col-wrap {  } #qx-column-191980 { flex: 100%; max-width: 100%; }  } #qx-heading-431981 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-431981 h2 { font-family : Bitter; font-weight : 400; font-size : 30px; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-431981 {  } #qx-heading-431981 h2 {  }  } @media (max-width: 767px) { #qx-heading-431981 {  } #qx-heading-431981 h2 {  }  } #qx-text-941982 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-941982 {  }  } @media (max-width: 767px) { #qx-text-941982 { margin-right : 0px; margin-left : 0px; padding-right : 0px; padding-left : 0px;  }  } #qx-row-21264 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-21264-background-overlay {  } #qx-row-21264:hover .qx-row-21264-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-21264 {  }  } @media (max-width: 767px) { #qx-row-21264 {  }  } #qx-column-2265 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-2265 { flex: 100%; max-width: 100%; } .qx-column-2265-background-overlay {  } #qx-column-2265:hover .qx-column-2265-background-overlay {  } #qx-column-2265 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-2265 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-2265 > .qx-col-wrap {  } #qx-column-2265 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-2265 > .qx-col-wrap {  } #qx-column-2265 { flex: 100%; max-width: 100%; }  } #qx-text-54263 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-54263 {  }  } @media (max-width: 767px) { #qx-text-54263 { margin-right : 0px; margin-left : 0px; padding-right : 0px; padding-left : 0px;  }  } #qx-button-8482 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-button-8482 .qx-btn { background-color : rgba(255 ,  255,  255, 1); transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; color : rgba(169 ,  164,  160, 1); white-space : initial; padding-top : 10px; padding-right : 25px; padding-bottom : 10px; padding-left : 25px; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-left-radius : 1px; border-top-right-radius : 1px; border-bottom-right-radius : 1px; border-bottom-left-radius : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-8482 .qx-btn:hover { background-color : rgba(169 ,  164,  160, 1); color : rgba(255 ,  255,  255, 1);  } #qx-button-8482 .qx-btn:hover i { color : rgba(255, 255, 255, 0);  } #qx-button-8482 * { font-family : Abel; font-size : 18px; text-transform : uppercase;  } #qx-button-8482 a svg,#qx-button-8482 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-8482 {  } #qx-button-8482 * {  } #qx-button-8482 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-8482 {  } #qx-button-8482 * {  } #qx-button-8482 .qx-btn {  }  } #qx-section-12661 { margin-right : 20px; margin-left : 20px; padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(213 ,  199,  190, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-12661-background-overlay {  } #qx-section-12661:hover .qx-section-12661-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-12661 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-12661 { margin-right : 20px; margin-left : 20px; padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-61662 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-61662-background-overlay {  } #qx-row-61662:hover .qx-row-61662-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-61662 {  }  } @media (max-width: 767px) { #qx-row-61662 {  }  } #qx-column-46663 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-46663 { flex: 100%; max-width: 100%; } .qx-column-46663-background-overlay {  } #qx-column-46663:hover .qx-column-46663-background-overlay {  } #qx-column-46663 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-46663 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-46663 > .qx-col-wrap {  } #qx-column-46663 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-46663 > .qx-col-wrap {  } #qx-column-46663 { flex: 100%; max-width: 100%; }  } #qx-heading-40664 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-40664 h2 { font-family : Bitter; font-weight : 400; font-size : 50px; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-40664 {  } #qx-heading-40664 h2 {  }  } @media (max-width: 767px) { #qx-heading-40664 {  } #qx-heading-40664 h2 { font-size : 32px;  }  } #qx-row-81665 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-81665-background-overlay {  } #qx-row-81665:hover .qx-row-81665-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-81665 {  }  } @media (max-width: 767px) { #qx-row-81665 {  }  } #qx-column-80666 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-80666 { flex: 100%; max-width: 100%; } .qx-column-80666-background-overlay {  } #qx-column-80666:hover .qx-column-80666-background-overlay {  } #qx-column-80666 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-80666 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-80666 > .qx-col-wrap {  } #qx-column-80666 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-80666 > .qx-col-wrap {  } #qx-column-80666 { flex: 100%; max-width: 100%; }  } #qx-button-39667 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-button-39667 .qx-btn { background-color : rgba(255 ,  255,  255, 1); transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; color : rgba(169 ,  164,  160, 1); white-space : initial; padding-top : 10px; padding-right : 25px; padding-bottom : 10px; padding-left : 25px; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-left-radius : 1px; border-top-right-radius : 1px; border-bottom-right-radius : 1px; border-bottom-left-radius : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-39667 .qx-btn:hover { background-color : rgba(169 ,  164,  160, 1); color : rgba(255 ,  255,  255, 1);  } #qx-button-39667 .qx-btn:hover i { color : rgba(255, 255, 255, 0);  } #qx-button-39667 * { font-family : Abel; font-size : 18px; text-transform : uppercase;  } #qx-button-39667 a svg,#qx-button-39667 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-39667 {  } #qx-button-39667 * {  } #qx-button-39667 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-39667 {  } #qx-button-39667 * {  } #qx-button-39667 .qx-btn {  }  }