@charset "UTF-8"; /* Farben */ .verlauf_gruen, div.kopfInhalt div.inhBox div.inh div.content h3, div.kopfInhalt div.inhBox div.inh div.content h3:after, div.textblock h3, div.textblock h3:after, div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3, div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3:after, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt:after, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt:after, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt:after, body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content h3:after, body.tmpl_2 .balken.zeittitel .zeit, body.tmpl_2 .balken.zeittitel .zeit:after, body.tmpl_2 .balken.zeittitel .text, body.tmpl_2 .balken.zeittitel .text:before, body.tmpl_5.green div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_5.green div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_5.green div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_5.green div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_5.green div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_5.green div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.green div.inhalt div.textBlockContainer div.textblock h3, body.tmpl_5.green div.inhalt div.textBlockContainer div.textblock h3::after, body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content h3:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$colorHead+0,7db9e8+100 */ background: #a2c559; /* Old browsers */ background: -moz-linear-gradient(top, #a2c559 0%, #93b351 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a2c559 0%, #93b351 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a2c559 0%, #93b351 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$colorGreen_gard_st', endColorstr='$colorGreen_gard_nd',GradientType=0 ); /* IE6-9 */ } .schatten_gruen, div.kopfInhalt div.inhBox div.inh div.content h3, div.textblock h3, div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt, body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.green div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_5.green div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_5.green div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.green div.inhalt div.textBlockContainer div.textblock h3, body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content h3 { -webkit-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(147, 179, 81, 0.75); -moz-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(147, 179, 81, 0.75); box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(147, 179, 81, 0.75); } .verlauf_braun, div.textblock div.tmpl_3.Farbe_Braun div.objTmplInhalt h3, div.textblock div.tmpl_3.Farbe_Braun div.objTmplInhalt h3:after, body.tmpl_1.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_1.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_1.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_1.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_1.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_1.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_1.brown div.inhalt div.content div.textBlockContainer div.tmpl_10 h3, body.tmpl_1.brown div.inhalt div.content div.textBlockContainer div.tmpl_10 h3::after, body.tmpl_3.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_3.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_3.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_3.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_3.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_3.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_4.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_4.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_4.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_4.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_4.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_4.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_5.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_5.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_5.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_5.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_5.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.brown div.inhalt div.textBlockContainer div.textblock h3, body.tmpl_5.brown div.inhalt div.textBlockContainer div.textblock h3::after, body.tmpl_6.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_6.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_6.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_6.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_6.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_6.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_7.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_7.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_7.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_7.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_7.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_7.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_9.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_9.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_9.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_9.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_9.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_9.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_10.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_10.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_10.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_10.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_10.brown div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_10.brown div.kopfInhalt div.inhBox div.inh div.content h3 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$colorHead+0,7db9e8+100 */ background: #a2c559; /* Old browsers */ background: -moz-linear-gradient(top, #a79b89 0%, #bcb19f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a79b89 0%, #bcb19f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a79b89 0%, #bcb19f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$colorBeige_gard_st', endColorstr='$colorBeige_gard_mid',GradientType=0 ); /* IE6-9 */ } .schatten_braun, body.tmpl_1.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_1.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_1.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_1.brown div.inhalt div.content div.textBlockContainer div.tmpl_10 h3, body.tmpl_3.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_3.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_3.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_4.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_4.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_4.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_5.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_5.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.brown div.inhalt div.textBlockContainer div.textblock h3, body.tmpl_6.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_6.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_6.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_7.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_7.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_7.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_9.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_9.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_9.brown div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_10.brown div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_10.brown div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_10.brown div.kopfInhalt div.inhBox div.inh div.content h3 { -webkit-box-shadow: 0rem 0.15625rem 0.3125rem 0px #e4e1db; -moz-box-shadow: 0rem 0.15625rem 0.3125rem 0px #e4e1db; box-shadow: 0rem 0.15625rem 0.3125rem 0px #e4e1db; } .schatten_braun2, div.textblock div.tmpl_3.Farbe_Braun div.objTmplInhalt h3 { -webkit-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(116, 108, 95, 0.75); -moz-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(116, 108, 95, 0.75); box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(116, 108, 95, 0.75); } .verlauf_blau, div.textblock.tmpl_2 h3, div.textblock.tmpl_2 h3:after, div.textblock div.tmpl_3.Farbe_Blau div.objTmplInhalt h3, div.textblock div.tmpl_3.Farbe_Blau div.objTmplInhalt h3:after, #calendar table tr td .terminContainer.event h3, #calendar table tr td .terminContainer.event h3:after, body.tmpl_1.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_1.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_1.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_1.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_1.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_1.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_1.blue div.inhalt div.content div.textBlockContainer div.tmpl_10 h3, body.tmpl_1.blue div.inhalt div.content div.textBlockContainer div.tmpl_10 h3::after, body.tmpl_3.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_3.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_3.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_3.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_3.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_3.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_4.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_4.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_4.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_4.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_4.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_4.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_5.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_5.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_5.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_5.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_5.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.blue div.inhalt div.textBlockContainer div.textblock h3, body.tmpl_5.blue div.inhalt div.textBlockContainer div.textblock h3::after, body.tmpl_6.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_6.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_6.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_6.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_6.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_6.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_7.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_7.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_7.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_7.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_7.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_7.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_9.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_9.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_9.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_9.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_9.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_9.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_10.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_10.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after, body.tmpl_10.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_10.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after, body.tmpl_10.blue div.kopfInhalt div.inhBox div.inh div.content h3::after, body.tmpl_10.blue div.kopfInhalt div.inhBox div.inh div.content h3 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$colorHead+0,7db9e8+100 */ background: #3988bf; /* Old browsers */ background: -moz-linear-gradient(top, #3988bf 0%, #337dae 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3988bf 0%, #337dae 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3988bf 0%, #337dae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$colorBlue_gard_st', endColorstr='$colorBlue_gard_nd',GradientType=0 ); /* IE6-9 */ } .schatten_blau, div.textblock.tmpl_2 h3, div.textblock div.tmpl_3.Farbe_Blau div.objTmplInhalt h3, #calendar table tr td .terminContainer.event h3, body.tmpl_1.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_1.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_1.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_1.blue div.inhalt div.content div.textBlockContainer div.tmpl_10 h3, body.tmpl_3.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_3.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_3.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_4.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_4.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_4.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_5.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_5.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.blue div.inhalt div.textBlockContainer div.textblock h3, body.tmpl_6.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_6.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_6.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_7.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_7.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_7.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_9.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_9.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_9.blue div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_10.blue div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_10.blue div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_10.blue div.kopfInhalt div.inhBox div.inh div.content h3 { -webkit-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(51, 125, 174, 0.75); -moz-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(51, 125, 174, 0.75); box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(51, 125, 174, 0.75); } .verlauf_tuerkis, div.textblock div.tmpl_3.Farbe_Grau div.objTmplInhalt h3, div.textblock div.tmpl_3.Farbe_Grau div.objTmplInhalt h3:after, body.tmpl_7 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_7 div.kopfInhalt div.inhBox div.content h3:after, body.tmpl_8 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_8 div.kopfInhalt div.inhBox div.content h3:after, body.tmpl_10 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_10 div.kopfInhalt div.inhBox div.content h3:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$colorHead+0,7db9e8+100 */ background: #7a9296; /* Old browsers */ background: -moz-linear-gradient(top, #7a9296 0%, #71878b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #7a9296 0%, #71878b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #7a9296 0%, #71878b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$colorTurqu_gard_st', endColorstr='$colorTurqu_gard_nd',GradientType=0 ); /* IE6-9 */ } .schatten_tuerkis, div.textblock div.tmpl_3.Farbe_Grau div.objTmplInhalt h3, body.tmpl_7 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_7 div.kopfInhalt div.inhBox div.content h3:after, body.tmpl_8 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_8 div.kopfInhalt div.inhBox div.content h3:after, body.tmpl_10 div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_10 div.kopfInhalt div.inhBox div.content h3:after { -webkit-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(113, 135, 139, 0.75); -moz-box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(113, 135, 139, 0.75); box-shadow: 0rem 0.15625rem 0.3125rem 0px rgba(113, 135, 139, 0.75); } .verlauf_bodyHg, div.kopfInhalt div.maske { background: rgba(1, 1, 1, 0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1, 1, 1, 0) 0%, #f4f4f4 75%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(1, 1, 1, 0) 0%, #f4f4f4 75%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, #f4f4f4 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$colorTransparent', endColorstr='$colorBodyBackground',GradientType=0 ); /* IE6-9 */ } .schatten_grey, body.tmpl_1.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_1.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_1.grey div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_1.grey div.inhalt div.content div.textBlockContainer div.tmpl_10 h3, body.tmpl_3.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_3.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_3.grey div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_4.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_4.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_4.grey div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_5.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_5.grey div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_5.grey div.inhalt div.textBlockContainer div.textblock h3, body.tmpl_6.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_6.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_6.grey div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_7.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_7.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_7.grey div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_9.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_9.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_9.grey div.kopfInhalt div.inhBox div.inh div.content h3, body.tmpl_10.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3, body.tmpl_10.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3, body.tmpl_10.grey div.kopfInhalt div.inhBox div.inh div.content h3 { -webkit-box-shadow: 0rem 0.15625rem 0.3125rem 0px #6f6f6e; -moz-box-shadow: 0rem 0.15625rem 0.3125rem 0px #6f6f6e; box-shadow: 0rem 0.15625rem 0.3125rem 0px #6f6f6e; } .schatten_buttonBackground, body.tmpl_8 div.inhalt > div.content h3 { -webkit-box-shadow: 0rem 0.15625rem 0.3125rem 0px #a79b89; -moz-box-shadow: 0rem 0.15625rem 0.3125rem 0px #a79b89; box-shadow: 0rem 0.15625rem 0.3125rem 0px #a79b89; } /* Flexbox */ /* Funktionen */ /* Schriften */ @font-face { font-family: 'roboto_condensed'; src: url("/styles/fonts/robotocondensed-regular-webfont.eot"); src: url("/styles/fonts/robotocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/robotocondensed-regular-webfont.woff2") format("woff2"), url("/styles/fonts/robotocondensed-regular-webfont.woff") format("woff"), url("/styles/fonts/robotocondensed-regular-webfont.ttf") format("truetype"), url("/styles/fonts/robotocondensed-regular-webfont.svg#robotocondesed_regular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'roboto_condensed'; src: url("/styles/fonts/robotocondensed-bold-webfont.eot"); src: url("/styles/fonts/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/robotocondensed-bold-webfont.woff2") format("woff2"), url("/styles/fonts/robotocondensed-bold-webfont.woff") format("woff"), url("/styles/fonts/robotocondensed-bold-webfont.ttf") format("truetype"), url("/styles/fonts/robotocondensed-bold-webfont.svg#robotocondesed_bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'roboto_condensed'; src: url("/styles/fonts/robotocondensed-light-webfont.eot"); src: url("/styles/fonts/robotocondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/robotocondensed-light-webfont.woff2") format("woff2"), url("/styles/fonts/robotocondensed-light-webfont.woff") format("woff"), url("/styles/fonts/robotocondensed-light-webfont.ttf") format("truetype"), url("/styles/fonts/robotocondensed-light-webfont.svg#robotocondesed_light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'roboto'; src: url("/styles/fonts/roboto-thin-webfont.eot"); src: url("/styles/fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-thin-webfont.woff2") format("woff2"), url("/styles/fonts/roboto-thin-webfont.woff") format("woff"), url("/styles/fonts/roboto-thin-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-thin-webfont.svg#roboto_thin") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'roboto'; src: url("/styles/fonts/roboto-bold-webfont.eot"); src: url("/styles/fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-bold-webfont.woff2") format("woff2"), url("/styles/fonts/roboto-bold-webfont.woff") format("woff"), url("/styles/fonts/roboto-bold-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-bold-webfont.svg#roboto_bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'roboto'; src: url("/styles/fonts/roboto-light-webfont.eot"); src: url("/styles/fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-light-webfont.woff2") format("woff2"), url("/styles/fonts/roboto-light-webfont.woff") format("woff"), url("/styles/fonts/roboto-light-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-light-webfont.svg#roboto_light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'roboto'; src: url("/styles/fonts/roboto-regular-webfont.eot"); src: url("/styles/fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-regular-webfont.woff2") format("woff2"), url("/styles/fonts/roboto-regular-webfont.woff") format("woff"), url("/styles/fonts/roboto-regular-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-regular-webfont.svg#roboto_regular") format("svg"); font-weight: 400; font-style: normal; } /*google icons*/ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("/styles/fonts/google/MaterialIcons-Regular.eot"); /* IE9 Compat Modes */ src: url("/styles/fonts/google/MaterialIcons-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/google/MaterialIcons-Regular.woff2") format("woff2"), url("/styles/fonts/google/MaterialIcons-Regular.woff") format("woff"), url("/styles/fonts/google/MaterialIcons-Regular.ttf") format("truetype"); /*Android 4.1 - 3.3*/ } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /* Standard Formatierugen */ html, body { width: 100%; height: auto; margin: 0; padding: 0; border: none; } body { font-family: 'roboto', sans-serif; font-weight: 400; font-size: 100%; background-color: #f4f4f4; /* &.bottomaktiv */ } img { border: none; } a:focus { outline: none; } a { text-decoration: none; color: #6f6f6e; } a:link { color: #6f6f6e; } body { /*&.green { .inhBox, .zeileBeruf .ausbildungstext, .mitgliedProfil, .textblock{ div.adressData div.tab div.tabInhalt div.downloads a.sysdownload, a{ &:not(.stellenlink){ text-decoration: underline; color:$colorGreen_gard_nd; font-weight: bold; &:link{ color:$colorGreen_gard_nd; } }//a }//a }//.textblock }//green*/ /* &.grey { .inhBox, .zeileBeruf .ausbildungstext, .mitgliedProfil, .textblock { div.adressData div.tab div.tabInhalt div.downloads a.sysdownload, a { &:not(.stellenlink){ text-decoration: underline; font-weight: bold; color: $colorTurqu_gard_nd; &:link { color: $colorTurqu_gard_nd; } }//not }//a }//.textblock }//grey &.brown { .inhBox, .zeileBeruf .ausbildungstext, .mitgliedProfil, .textblock { div.adressData div.tab div.tabInhalt div.downloads a.sysdownload, a { &:not(.stellenlink){ text-decoration: underline; font-weight: bold; color: $colorBeige_link; //color: lime; &:link { color: $colorBeige_link; //color: lime; } }//not }//a }//.textblock }//brown*/ } body.brown .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.brown .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.brown .angebot a:not(.stellenlink), body.brown .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.brown .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.brown .inhBox a:not(.stellenlink), body.brown .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.brown .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.brown .zeileBeruf .ausbildungstext a:not(.stellenlink), body.brown div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.brown div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.brown div.mitgliedProfil a:not(.stellenlink), body.brown .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.brown .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.brown .textblock a:not(.stellenlink), body.grey .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.grey .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.grey .angebot a:not(.stellenlink), body.grey .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.grey .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.grey .inhBox a:not(.stellenlink), body.grey .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.grey .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.grey .zeileBeruf .ausbildungstext a:not(.stellenlink), body.grey div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.grey div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.grey div.mitgliedProfil a:not(.stellenlink), body.grey .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.grey .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.grey .textblock a:not(.stellenlink), body.green .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.green .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.green .angebot a:not(.stellenlink), body.green .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.green .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.green .inhBox a:not(.stellenlink), body.green .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.green .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.green .zeileBeruf .ausbildungstext a:not(.stellenlink), body.green div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.green div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.green div.mitgliedProfil a:not(.stellenlink), body.green .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.green .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.green .textblock a:not(.stellenlink), body.blue .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.blue .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.blue .angebot a:not(.stellenlink), body.blue .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.blue .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.blue .inhBox a:not(.stellenlink), body.blue .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.blue .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.blue .zeileBeruf .ausbildungstext a:not(.stellenlink), body.blue div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.blue div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.blue div.mitgliedProfil a:not(.stellenlink), body.blue .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink), body.blue .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink), body.blue .textblock a:not(.stellenlink) { text-decoration: underline; font-weight: bold; color: #3988bf; } body.brown .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.brown .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.brown .angebot a:not(.stellenlink):link, body.brown .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.brown .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.brown .inhBox a:not(.stellenlink):link, body.brown .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.brown .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.brown .zeileBeruf .ausbildungstext a:not(.stellenlink):link, body.brown div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.brown div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.brown div.mitgliedProfil a:not(.stellenlink):link, body.brown .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.brown .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.brown .textblock a:not(.stellenlink):link, body.grey .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.grey .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.grey .angebot a:not(.stellenlink):link, body.grey .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.grey .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.grey .inhBox a:not(.stellenlink):link, body.grey .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.grey .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.grey .zeileBeruf .ausbildungstext a:not(.stellenlink):link, body.grey div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.grey div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.grey div.mitgliedProfil a:not(.stellenlink):link, body.grey .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.grey .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.grey .textblock a:not(.stellenlink):link, body.green .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.green .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.green .angebot a:not(.stellenlink):link, body.green .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.green .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.green .inhBox a:not(.stellenlink):link, body.green .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.green .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.green .zeileBeruf .ausbildungstext a:not(.stellenlink):link, body.green div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.green div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.green div.mitgliedProfil a:not(.stellenlink):link, body.green .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.green .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.green .textblock a:not(.stellenlink):link, body.blue .angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.blue .angebot div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.blue .angebot a:not(.stellenlink):link, body.blue .inhBox div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.blue .inhBox div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.blue .inhBox a:not(.stellenlink):link, body.blue .zeileBeruf .ausbildungstext div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.blue .zeileBeruf .ausbildungstext div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.blue .zeileBeruf .ausbildungstext a:not(.stellenlink):link, body.blue div.mitgliedProfil div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.blue div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.blue div.mitgliedProfil a:not(.stellenlink):link, body.blue .textblock div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a:not(.stellenlink):link, body.blue .textblock div.adressData div.tab div.tabInhalt div.downloads a.sysdownload:not(.stellenlink):link, body.blue .textblock a:not(.stellenlink):link { color: #3988bf; } .rahmen, div.kopfInhalt div.inhBox div.inh { position: relative; width: 100%; margin: 0 auto; /*unter 1024*/ } @media screen and (max-width: 1023px) { .rahmen, div.kopfInhalt div.inhBox div.inh { margin: 90px auto; } } /* rahmen */ .bereichtext { position: relative; background-color: #93b351; padding: 0.5rem 1rem; padding-right: 2.5rem; margin-bottom: 2rem; color: white; /* &:after */ } .bereichtext:after { position: absolute; content: ' '; background-color: #93b351; height: 100%; width: 3rem; right: 0; top: 0; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } /* .bereichtext */ div.kopfInhalt { position: relative; z-index: 1; display: inline-block; width: 100%; /* div.abstand*/ /*div.inhAsset*/ /*div.maske*/ /*div.inhBox*/ } div.kopfInhalt div.abstand { margin-top: 62.5%; } @media screen and (min-width: 768px) { div.kopfInhalt div.abstand { margin-top: 45.8984375%; } } @media screen and (min-width: 1280px) { div.kopfInhalt div.abstand { margin-top: 46.875%; } } div.kopfInhalt div.inhAsset { position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; overflow: hidden; /*img*/ } div.kopfInhalt div.inhAsset img { display: block; width: 100%; height: auto; } div.kopfInhalt div.maske { position: absolute; z-index: 20; bottom: 0; left: 0; width: 100%; height: 9.375vw; } @media screen and (min-width: 768px) { div.kopfInhalt div.maske { height: 8.7890625vw; } } @media screen and (min-width: 1280) { div.kopfInhalt div.maske { height: 10.4166666667vw; } } div.kopfInhalt div.inhBox { position: absolute; z-index: 30; width: 100%; bottom: 380px; /*div.inh*/ } div.kopfInhalt div.inhBox div.inh { /*div.content*/ } div.kopfInhalt div.inhBox div.inh div.content { width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); position: relative; background-color: white; padding: 1rem; font-family: 'roboto', sans-serif; font-weight: 300; font-size: 1.125rem; color: #6f6f6e; /*h3*/ /*h3:after*/ /*h3.empty*/ } div.kopfInhalt div.inhBox div.inh div.content h3 { position: absolute; left: 1rem; top: -1.25rem; margin: 0; padding: 0; white-space: nowrap; padding-right: 2rem; color: white; padding-left: 0.75rem; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; } div.kopfInhalt div.inhBox div.inh div.content h3:after { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 40px; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } div.kopfInhalt div.inhBox div.inh div.content h3.empty { display: none; } /*div.kopfInhalt*/ ul.searchResult { padding: 1rem; /* li */ } ul.searchResult li { list-style: none; margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #a2c559; /* a */ } ul.searchResult li a { display: block; margin-top: 1rem; /* div.title */ /* div.path */ } ul.searchResult li a div.title { font-weight: 700; margin-bottom: 0.75em; } ul.searchResult li a div.path { font-size: 0.75em; } /* ul.searchResult */ /* tinymce */ .textKlein { font-size: 0.75em; } p.keinAbstand { margin: 0; } .media-container { width: 100%; position: relative; display: inline-block; margin-bottom: -8px; overflow: hidden; } .media-container.uncropped .media-content { display: flex; justify-content: center; align-items: center; } .media-container.uncropped .media-content img { width: auto; height: auto; max-width: 90%; max-height: 90%; } .media-container span.abstand { display: block; width: 100%; margin-top: 56.25%; } .media-container .media-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .media-container .media-content img { width: 100%; height: auto; } .media-container .media-content picture { width: 100%; } .media-container .media-content picture img { width: 100%; height: auto; } .linkLayer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background: url("/images/abstand.gif") repeat scroll 0 0 transparent; } .linkLayer a { display: block; width: 100%; height: 100%; } /* Animationen */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fade-in { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; } .fade-out { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeOut ease-in 1; -moz-animation: fadeOut ease-in 1; animation: fadeOut ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; } @-webkit-keyframes moveRightIn { 0% { left: 100%; } 100% { left: 0%; } } @-moz-keyframes moveRightIn { 0% { left: 100%; } 100% { left: 0%; } } @-o-keyframes moveRightIn { 0% { left: 100%; } 100% { left: 0%; } } @keyframes moveRightIn { 0% { left: 100%; } 100% { left: 0%; } } @-webkit-keyframes moveRightOut { 0% { left: 0%; } 100% { left: -100%; } } @-moz-keyframes moveRightOut { 0% { left: 0%; } 100% { left: -100%; } } @-o-keyframes moveRightOut { 0% { left: 0%; } 100% { left: -100%; } } @keyframes moveRightOut { 0% { left: 0%; } 100% { left: -100%; } } @-webkit-keyframes moveLeftIn { 0% { left: -100%; } 100% { left: 0%; } } @-moz-keyframes moveLeftIn { 0% { left: -100%; } 100% { left: 0%; } } @-o-keyframes moveLeftIn { 0% { left: -100%; } 100% { left: 0%; } } @keyframes moveLeftIn { 0% { left: -100%; } 100% { left: 0%; } } @-webkit-keyframes moveLeftOut { 0% { left: 0%; } 100% { left: 100%; } } @-moz-keyframes moveLeftOut { 0% { left: 0%; } 100% { left: 100%; } } @-o-keyframes moveLeftOut { 0% { left: 0%; } 100% { left: 100%; } } @keyframes moveLeftOut { 0% { left: 0%; } 100% { left: 100%; } } .right-Out { left: 0%; -webkit-animation: moveRightOut ease-in 1; -moz-animation: moveRightOut ease-in 1; animation: moveRightOut ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .right-In { left: 100%; -webkit-animation: moveRightIn ease-in 1; -moz-animation: moveRightIn ease-in 1; animation: moveRightIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .left-Out { left: 0%; -webkit-animation: moveLeftOut ease-in 1; -moz-animation: moveLeftOut ease-in 1; animation: moveLeftOut ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .left-In { left: -100%; -webkit-animation: moveLeftIn ease-in 1; -moz-animation: moveLeftIn ease-in 1; animation: moveLeftIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } /* -------------------------------------- Animation Template 16 */ @-webkit-keyframes moveRight16In { 0% { left: 110%; } 100% { left: 0.5rem; } } @-moz-keyframes moveRight16In { 0% { left: 110%; } 100% { left: 0.5rem; } } @-o-keyframes moveRight16In { 0% { left: 110%; } 100% { left: 0.5rem; } } @keyframes moveRight16In { 0% { left: 110%; } 100% { left: 0.5rem; } } @-webkit-keyframes moveRight16Out { 0% { left: 0.5rem; } 100% { left: -110%; } } @-moz-keyframes moveRight16Out { 0% { left: 0.5rem; } 100% { left: -110%; } } @-o-keyframes moveRight16Out { 0% { left: 0.5rem; } 100% { left: -110%; } } @keyframes moveRight16Out { 0% { left: 0.5rem; } 100% { left: -110%; } } @-webkit-keyframes moveLeft16In { 0% { left: -110%; } 100% { left: 0.5rem; } } @-moz-keyframes moveLeft16In { 0% { left: -110%; } 100% { left: 0.5rem; } } @-o-keyframes moveLeft16In { 0% { left: -110%; } 100% { left: 0.5rem; } } @keyframes moveLeft16In { 0% { left: -110%; } 100% { left: 0.5rem; } } @-webkit-keyframes moveLeft16Out { 0% { left: 0.5rem; } 100% { left: 110%; } } @-moz-keyframes moveLeft16Out { 0% { left: 0.5rem; } 100% { left: 110%; } } @-o-keyframes moveLeft16Out { 0% { left: 0.5rem; } 100% { left: 110%; } } @keyframes moveLeft16Out { 0% { left: 0.5rem; } 100% { left: 110%; } } .right-16-Out { left: 0.5rem; -webkit-animation: moveRight16Out ease-in 1; -moz-animation: moveRight16Out ease-in 1; animation: moveRight16Out ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .right-16-In { left: 110%; -webkit-animation: moveRight16In ease-in 1; -moz-animation: moveRight16In ease-in 1; animation: moveRight16In ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .left-16-Out { left: 0.5rem; -webkit-animation: moveLeft16Out ease-in 1; -moz-animation: moveLeft16Out ease-in 1; animation: moveLeft16Out ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .left-16-In { left: -110%; -webkit-animation: moveLeft16In ease-in 1; -moz-animation: moveLeft16In ease-in 1; animation: moveLeft16In ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } /* Hamburger Menue */ button.mnuHamb { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 40px; height: 27px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; background-color: transparent; /* span */ /* span::before, span::after */ /* span::before */ /* span::after */ } button.mnuHamb span { display: block; position: absolute; top: 10.5px; left: 3px; right: 3px; height: 6px; background: #959595; transition: background 0s 0.3s; } button.mnuHamb span::before, button.mnuHamb span::after { position: absolute; display: block; left: 0; width: 100%; height: 6px; background-color: #959595; content: " "; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } button.mnuHamb span::before { top: -10px; transition-property: top, transform; } button.mnuHamb span::after { bottom: -10px; transition-property: bottom, transform; } /* button.mnuHamb */ button.mnuHamb:focus { outline: none; } /* button.mnuHamb:focus */ button.mnuHamb.is-active { /* span */ /* span::before */ /* span::after */ /* span::before, span::after */ } button.mnuHamb.is-active span { background: none; } button.mnuHamb.is-active span::before { top: 0; transform: rotate(45deg); } button.mnuHamb.is-active span::after { bottom: 0; transform: rotate(-45deg); } button.mnuHamb.is-active span::before, button.mnuHamb.is-active span::after { transition-delay: 0s, 0.3s; } /* button.mnuHamb.is-active */ /* Header Menue */ div.logo { position: fixed; top: 0; left: 50%; margin-left: 540px; background-color: white; z-index: 200; width: 50%; /*1600 bis 1719*/ /*1280 bis 1599*/ /*1024 bis 1279*/ /*768 bis 1023*/ /*640 bis 767*/ /*480 bis 639*/ /*bis 480*/ /* img */ } @media screen and (max-width: 1719px) { div.logo { margin-left: 480px; } } @media screen and (max-width: 1599px) { div.logo { margin-left: 345px; } } @media screen and (max-width: 1279px) { div.logo { margin-left: 290px; } } @media screen and (max-width: 1023px) { div.logo { margin-left: 210px; } } @media screen and (max-width: 767px) { div.logo { margin-left: 130px; } } @media screen and (max-width: 639px) { div.logo { margin-left: 30px; } } @media screen and (max-width: 479px) { div.logo { margin-left: 0px; } } div.logo img { display: block; position: relative; z-index: 10; padding: 10px 0; height: 111px; width: auto; /*640 bis 1279*/ /*unter 640*/ } @media screen and (max-width: 1279px) { div.logo img { height: 66px; } } @media screen and (max-width: 639px) { div.logo img { padding: 10px 0; padding-right: 25px; } } /* div.logo */ div.logo:before { content: ''; position: absolute; z-index: 1; left: -130px; width: 130px; height: 100%; background-color: white; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; /*unter 768*/ } @media screen and (max-width: 1023px) { div.logo:before { display: none; } } /* div.logo:before */ div.mainMenu { position: fixed; z-index: 190; top: 66px; width: 1650px; height: 39px; left: 50%; margin-left: -825px; /*1600 bis 1719*/ /*1280 bis 1599*/ /*1024 bis 1279*/ /*768 bis 1023*/ /*640 bis 767*/ /*480 bis 639*/ /*unter 480*/ /*&.scrolled*/ /* div.mainMenuInh */ /*div.mainMenuInh:after*/ } @media screen and (max-width: 1719px) { div.mainMenu { width: 1500px; margin-left: -750px; } } @media screen and (max-width: 1599px) { div.mainMenu { width: 1200px; margin-left: -600px; } } @media screen and (max-width: 1279px) { div.mainMenu { width: 980px; margin-left: -490px; top: 35px; } } @media screen and (max-width: 1023px) { div.mainMenu { width: 100%; margin-left: -512px; top: 0; height: 86px; } } @media screen and (max-width: 767px) { div.mainMenu { margin-left: -475px; } } @media screen and (max-width: 639px) { div.mainMenu { margin-left: -445px; } } @media screen and (max-width: 479px) { div.mainMenu { margin-left: -295px; } } div.mainMenu.scrolled { height: 130px; top: 0; /*1024 bis 1279*/ /*768 bis 1023*/ /*640 bis 767*/ /*480 bis 639*/ /*unter 480*/ } @media screen and (max-width: 1279px) { div.mainMenu.scrolled { height: 86px; } } @media screen and (max-width: 1023px) { div.mainMenu.scrolled { width: 100%; margin-left: -512px; top: 0; height: 86px; } } @media screen and (max-width: 767px) { div.mainMenu.scrolled { margin-left: -475px; } } @media screen and (max-width: 639px) { div.mainMenu.scrolled { margin-left: -445px; } } @media screen and (max-width: 479px) { div.mainMenu.scrolled { margin-left: -295px; } } div.mainMenu div.mainMenuInh { position: relative; background-color: rgba(255, 255, 255, 0.9); height: 100%; width: 1253px; /*1600 bis 1719*/ /*1280 bis 1599*/ /*1024 bis 1279*/ /*768 bis 1023*/ /*&.scrolled*/ } @media screen and (max-width: 1719px) { div.mainMenu div.mainMenuInh { width: 1120px; } } @media screen and (max-width: 1599px) { div.mainMenu div.mainMenuInh { width: 833px; } } @media screen and (max-width: 1279px) { div.mainMenu div.mainMenuInh { width: 650px; } } @media screen and (max-width: 1023px) { div.mainMenu div.mainMenuInh { width: 100%; } } div.mainMenu div.mainMenuInh.scrolled { width: 1220px; /*1600 bis 1719*/ /*1280 bis 1599*/ /*1024 bis 1279*/ /*768 bis 1023*/ } @media screen and (max-width: 1719px) { div.mainMenu div.mainMenuInh.scrolled { width: 1092px; } } @media screen and (max-width: 1599px) { div.mainMenu div.mainMenuInh.scrolled { width: 802px; } } @media screen and (max-width: 1279px) { div.mainMenu div.mainMenuInh.scrolled { width: 637px; } } @media screen and (max-width: 1023px) { div.mainMenu div.mainMenuInh.scrolled { width: 100%; } } div.mainMenu div.mainMenuInh.scrolled:after { border-bottom: 130px solid transparent; border-left: 130px solid rgba(255, 255, 255, 0.9); border-right: 40px solid transparent; content: ""; height: 0; position: absolute; right: -170px; width: 0; } @media screen and (max-width: 1279px) { div.mainMenu div.mainMenuInh.scrolled:after { right: -126px; border-bottom: 86px solid transparent; border-left: 86px solid rgba(255, 255, 255, 0.9); } } @media screen and (max-width: 1023px) { div.mainMenu div.mainMenuInh.scrolled:after { display: none; } } div.mainMenu div.mainMenuInh:after { content: ''; height: 0; position: absolute; width: 0; right: -80px; border-right: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 40px solid rgba(255, 255, 255, 0.9); /*unter 1024*/ } @media screen and (max-width: 1023px) { div.mainMenu div.mainMenuInh:after { display: none; } } /* div.mainMenu */ nav.mainNavi { position: fixed; z-index: 195; top: 72px; left: 50%; width: 1650px; margin-left: -825px; /*1600 bis 1719*/ /*1280 bis 1599*/ /*1024 bis 1279*/ /*768 bis 1023*/ /*640 bis 767*/ /*480 bis 639*/ /*unter 480*/ /*&.scrolled*/ /* button.mnuHamb */ /* ul */ } @media screen and (max-width: 1719px) { nav.mainNavi { width: 1500px; margin-left: -750px; } } @media screen and (max-width: 1599px) { nav.mainNavi { width: 1200px; margin-left: -600px; } } @media screen and (max-width: 1279px) { nav.mainNavi { width: 980px; margin-left: -490px; top: 47px; } } @media screen and (max-width: 1023px) { nav.mainNavi { width: 700px; margin-left: -354px; z-index: 300; top: 25px; } } @media screen and (max-width: 767px) { nav.mainNavi { width: 600px; margin-left: -304px; } } @media screen and (max-width: 639px) { nav.mainNavi { width: 440px; margin-left: -160px; } } @media screen and (max-width: 479px) { nav.mainNavi { width: 320px; margin-left: -155px; } } nav.mainNavi.scrolled { top: 42px; /*1024 bis 1279*/ /*768 bis 1023*/ /*640 bis 767*/ /*480 bis 639*/ /*unter 480*/ } @media screen and (max-width: 1279px) { nav.mainNavi.scrolled { top: 33px; } } @media screen and (max-width: 1023px) { nav.mainNavi.scrolled { width: 700px; margin-left: -354px; z-index: 300; top: 25px; } } @media screen and (max-width: 767px) { nav.mainNavi.scrolled { width: 600px; margin-left: -304px; } } @media screen and (max-width: 639px) { nav.mainNavi.scrolled { width: 440px; margin-left: -160px; } } @media screen and (max-width: 479px) { nav.mainNavi.scrolled { width: 320px; margin-left: -155px; } } nav.mainNavi button.mnuHamb { display: none; /*768 bis 1023*/ } @media screen and (max-width: 1023px) { nav.mainNavi button.mnuHamb { display: block; } } nav.mainNavi ul { margin: 0; padding: 0; width: 1000px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; /*768 bis 1023*/ /*unter 768*/ /* li */ /* li.auswahl */ /* li.auswahl*/ /* li:hover */ } @media screen and (max-width: 1023px) { nav.mainNavi ul { opacity: 0; display: none; background-color: rgba(255, 255, 255, 0.9); width: auto; margin-top: 6px; overflow-y: scroll; } } @media screen and (max-width: 767px) { nav.mainNavi ul { margin-top: 46px; } } @media screen and (max-width: 767px) { nav.mainNavi ul.fade-in { overflow-y: auto; height: 80vh; } } nav.mainNavi ul li { margin: 0; padding: 0; list-style: none; padding-left: 25px; padding-right: 25px; position: relative; /*unter 1600*/ /* a */ /* a */ /* ul */ /*blue*/ /*grey*/ /*brown*/ } @media screen and (max-width: 1599px) { nav.mainNavi ul li { padding-left: 20px; padding-right: 20px; } } nav.mainNavi ul li a { display: block; color: #667b7f; text-decoration: none; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; /*1280 bis 1599*/ /*unter 1280*/ } @media screen and (max-width: 1599px) { nav.mainNavi ul li a { font-size: 1.125rem; } } @media screen and (max-width: 1279px) { nav.mainNavi ul li a { font-size: 0.875rem; } } nav.mainNavi ul li a:hover { color: #7ca62f; } nav.mainNavi ul li ul { position: absolute; display: none; width: 115%; left: 0; padding-top: 3px; z-index: 500; /*unter 1024*/ /* li */ /* li:first-child */ } @media screen and (max-width: 1023px) { nav.mainNavi ul li ul { display: block; position: relative; padding-bottom: 3px; margin-top: 0; opacity: 1; width: 100%; } } nav.mainNavi ul li ul li { background-color: #7ca62f; margin: 0; border-top: 1px solid #aed460; /* a */ /* a */ } nav.mainNavi ul li ul li a { font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1rem; color: white; padding: 5px 0; /*unter 1280*/ } @media screen and (max-width: 1279px) { nav.mainNavi ul li ul li a { font-size: 0.875rem; } } nav.mainNavi ul li ul li a:hover { color: #414141; } nav.mainNavi ul li ul li:first-child { border-top: none; } nav.mainNavi ul li.blue { /* a */ /* a */ /* ul */ } nav.mainNavi ul li.blue a { color: #667b7f; } nav.mainNavi ul li.blue a:hover { color: #3988bf; } nav.mainNavi ul li.blue ul { /* li */ } nav.mainNavi ul li.blue ul li { background-color: #3988bf; border-top: 1px solid #4397c9; /* a */ /* a */ } nav.mainNavi ul li.blue ul li a { color: white; } nav.mainNavi ul li.blue ul li a:hover { color: #414141; } nav.mainNavi ul li.grey { /* a */ /* a */ /* ul */ } nav.mainNavi ul li.grey a { color: #667b7f; } nav.mainNavi ul li.grey a:hover { color: #7a9296; } nav.mainNavi ul li.grey ul { width: 85%; /* li */ } @media screen and (max-width: 1023px) { nav.mainNavi ul li.grey ul { width: 100%; } } nav.mainNavi ul li.grey ul li { background-color: #7a9296; border-top: 1px solid #839ea4; /* a */ /* a */ } nav.mainNavi ul li.grey ul li a { color: white; } nav.mainNavi ul li.grey ul li a:hover { color: #414141; } nav.mainNavi ul li.brown { /* a */ /* a */ /* ul */ } nav.mainNavi ul li.brown a { color: #667b7f; } nav.mainNavi ul li.brown a:hover { color: #a79b89; } nav.mainNavi ul li.brown ul { width: 150%; /* li */ } @media screen and (max-width: 1023px) { nav.mainNavi ul li.brown ul { width: 100%; } } nav.mainNavi ul li.brown ul li { background-color: #a79b89; border-top: 1px solid #e4e1db; /* a */ /* a */ } nav.mainNavi ul li.brown ul li a { color: white; } nav.mainNavi ul li.brown ul li a:hover { color: #414141; } nav.mainNavi ul li.auswahl { /* ul */ } nav.mainNavi ul li.auswahl ul { /* li */ /* li.auswahl */ /* li.auswahl:after */ } nav.mainNavi ul li.auswahl ul li { /* a*/ /* a */ } nav.mainNavi ul li.auswahl ul li a { color: white; } nav.mainNavi ul li.auswahl ul li a:hover { color: #414141; } nav.mainNavi ul li.auswahl ul li.auswahl { /* a */ } nav.mainNavi ul li.auswahl ul li.auswahl a { color: #414141; } nav.mainNavi ul li.auswahl ul li.auswahl:after { content: none; display: none; } nav.mainNavi ul li.auswahl { /*after */ /*blue*/ /*grey*/ /*brown*/ } nav.mainNavi ul li.auswahl:after { content: ' '; display: block; position: absolute; top: 36px; left: 0; width: 100%; height: 7px; background-color: #7ca62f; } nav.mainNavi ul li.auswahl.blue:after { background-color: #3988bf; } nav.mainNavi ul li.auswahl.grey:after { background-color: #7a9296; } nav.mainNavi ul li.auswahl.brown:after { background-color: #a79b89; } nav.mainNavi ul li:hover { /* ul */ } nav.mainNavi ul li:hover ul { display: block; } /* nav.mainNavi*/ div.suche { position: fixed; z-index: 400; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; width: 40px; background-color: transparent; padding: 0; top: 1.5rem; left: 30%; /* &.aktiv */ /* div.sucheInh */ } @media screen and (min-width: 1024px) { div.suche { left: auto; right: 38%; top: 2.75rem; } } @media screen and (min-width: 1280px) { div.suche { top: 4.5rem; right: 27.5rem; } } @media screen and (min-width: 1440px) { div.suche { right: 27.5%; right: 32rem; } } @media screen and (min-width: 1600px) { div.suche { right: 36rem; } } @media screen and (min-width: 1700px) { div.suche { right: 44rem; } } div.suche.aktiv { top: 0; background-color: white; padding-top: 2rem; padding-bottom: 2rem; right: auto; left: 50%; width: 315px; margin-left: -157px; /* div.sucheInh */ } @media screen and (min-width: 480px) { div.suche.aktiv { width: 440px; margin-left: -220px; } } @media screen and (min-width: 640px) { div.suche.aktiv { width: 600px; margin-left: -300px; } } @media screen and (min-width: 768px) { div.suche.aktiv { width: 740px; margin-left: -370px; } } @media screen and (min-width: 1024px) { div.suche.aktiv { width: 980px; margin-left: -490px; padding-bottom: 1.5rem; -webkit-box-shadow: 0rem 0.5rem 1rem 0px rgba(1, 1, 1, 0.4); -moz-box-shadow: 0rem 0.5rem 1rem 0px rgba(1, 1, 1, 0.4); box-shadow: 0rem 0.5rem 1rem 0px rgba(1, 1, 1, 0.4); } } @media screen and (min-width: 1280px) { div.suche.aktiv { width: 1200px; margin-left: -600px; top: 2.6rem; } } @media screen and (min-width: 1600px) { div.suche.aktiv { width: 1500px; margin-left: -750px; } } @media screen and (min-width: 1700px) { div.suche.aktiv { width: 1650px; margin-left: -825px; } } div.suche.aktiv div.sucheInh { width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); margin: 0 0.5rem; /* a.btSuche */ /* a.btSuche */ /* div.sucheInput */ } @media screen and (min-width: 640px) { div.suche.aktiv div.sucheInh { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); margin: 0 1rem; } } @media screen and (min-width: 768px) { div.suche.aktiv div.sucheInh { width: calc( 100% - 3rem ); width: -moz-calc( 100% - 3rem ); width: -webkit-calc( 100% - 3rem ); margin: 0 1.5rem; } } @media screen and (min-width: 1024px) { div.suche.aktiv div.sucheInh { width: calc( 100% - 4rem ); width: -moz-calc( 100% - 4rem ); width: -webkit-calc( 100% - 4rem ); margin: 0 2rem; } } div.suche.aktiv div.sucheInh a.btSuche { display: none; } div.suche.aktiv div.sucheInh a.btClose { display: block; } div.suche.aktiv div.sucheInh div.sucheInput { display: block; } div.suche div.sucheInh { width: 40px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* a.btSuche */ /* a.btClose */ /* .fa */ /* div.sucheInput */ } div.suche div.sucheInh a.btSuche { display: block; cursor: pointer; -webkit-order: 1; -ms-flex-order: 1; order: 1; } div.suche div.sucheInh a.btClose { display: none; cursor: pointer; -webkit-order: 4; -ms-flex-order: 4; order: 4; } div.suche div.sucheInh .fa { font-size: 1.5rem; cursor: pointer; } div.suche div.sucheInh div.sucheInput { display: none; overflow: hidden; width: calc( 100% - 32px ); width: -moz-calc( 100% - 32px ); width: -webkit-calc( 100% - 32px ); -webkit-order: 3; -ms-flex-order: 3; order: 3; /* form */ } div.suche div.sucheInh div.sucheInput form { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0; /* input#sucheEingabe */ /* input#sucheEingabe */ } div.suche div.sucheInh div.sucheInput form input#sucheEingabe { width: calc( 75% - 1rem ); width: -moz-calc( 75% - 1rem ); width: -webkit-calc( 75% - 1rem ); } @media screen and (min-width: 768px) { div.suche div.sucheInh div.sucheInput form input#sucheEingabe { width: calc( 83.3333333333% - 1rem ); width: -moz-calc( 83.3333333333% - 1rem ); width: -webkit-calc( 83.3333333333% - 1rem ); } } @media screen and (min-width: 1280px) { div.suche div.sucheInh div.sucheInput form input#sucheEingabe { width: calc( 91.6666666667% - 1rem ); width: -moz-calc( 91.6666666667% - 1rem ); width: -webkit-calc( 91.6666666667% - 1rem ); } } div.suche div.sucheInh div.sucheInput form input#sucheSenden { width: calc( 25% - 0rem ); width: -moz-calc( 25% - 0rem ); width: -webkit-calc( 25% - 0rem ); } @media screen and (min-width: 768px) { div.suche div.sucheInh div.sucheInput form input#sucheSenden { width: calc( 16.6666666667% - 1rem ); width: -moz-calc( 16.6666666667% - 1rem ); width: -webkit-calc( 16.6666666667% - 1rem ); } } @media screen and (min-width: 1280px) { div.suche div.sucheInh div.sucheInput form input#sucheSenden { width: calc( 8.3333333333% - 1rem ); width: -moz-calc( 8.3333333333% - 1rem ); width: -webkit-calc( 8.3333333333% - 1rem ); } } /* div.suche */ /* Slick */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/styles/fonts/slick.eot"); src: url("/styles/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/slick.woff") format("woff"), url("/styles/fonts/slick.ttf") format("truetype"), url("/styles/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* Textbloecke */ div.linkLayer { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } div.linkLayer a { display: block; width: 100%; height: 100%; } .empty { display: none; } div.textblock { /*a{ text-decoration: underline; }*/ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; /* div.img*/ /* h3 */ /* h3:after */ /* div.tmpl_1_1 */ /* div.tmpl_3 */ /* div.tmpl_3.Farbe_Farbe_Grau */ /* div.tmpl_3.Farbe_Blau */ /* div.tmpl_3.Farbe_Blau */ /* div.tmpl_4_1.galerie */ /* div.tmpl_5_1.galerie */ /*div.tmpl_5_1}*/ /*div.tmpl_5_1}*/ /*div.tmpl_6*/ /*tmpl_7*/ /*tmpl_98 - Formular*/ /*tmpl_98*/ /*tmpl_8*/ /* div.tmpl_9_1 */ /*div.tmpl_10.galerie*/ /* &.tmpl_12 */ } div.textblock div.img { /* video, img */ } div.textblock div.img video, div.textblock div.img img { display: block; width: 100%; height: auto; } div.textblock h3 { position: absolute; right: 30px; top: -1.25rem; margin: 0; padding: 0; padding: 0.25rem 1rem; width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; color: white; } div.textblock h3:after { content: ' '; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } div.textblock div.tmpl_1_1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /* h3.empty */ /* div.img*/ } div.textblock div.tmpl_1_1 a { text-decoration: underline !important; } div.textblock div.tmpl_1_1 h3.empty { display: none; } div.textblock div.tmpl_1_1 div.img { width: 100%; } div.textblock.tmpl_2 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding-bottom: 3rem; /* h3 */ /*.tmpl_2_1*/ /*.tmpl_2_2*/ } div.textblock.tmpl_2 h3 { position: absolute; right: auto; top: -1.25rem; left: 1rem; z-index: 110; width: 16.6666666667%; padding-right: 2rem; } @media screen and (max-width: 1719px) { div.textblock.tmpl_2 h3 { width: 16.767%; } } @media screen and (max-width: 1599px) { div.textblock.tmpl_2 h3 { width: 21.067%; } } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 h3 { width: 26.067%; } } @media screen and (max-width: 639px) { div.textblock.tmpl_2 h3.pos1 { top: -20px; } } @media screen and (max-width: 479px) { div.textblock.tmpl_2 h3.pos1 { width: 27.767%; } } div.textblock.tmpl_2 h3.pos2 { left: calc(66.6% + 1rem); } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 h3.pos2 { left: calc(50% + 1rem); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_2 h3.pos2 { left: calc(0.1% + 1rem); width: 37.367%; top: 57.45rem; } } @media screen and (max-width: 767px) { div.textblock.tmpl_2 h3.pos2 { width: 43.367%; } } @media screen and (max-width: 639px) { div.textblock.tmpl_2 h3.pos2 { width: 60.867%; } } @media screen and (max-width: 479px) { div.textblock.tmpl_2 h3.pos2 { width: 65.767%; top: 64.45rem; } } div.textblock.tmpl_2 .tmpl_2_1 { width: calc( 66.6666666667% - 0.175rem ); width: -moz-calc( 66.6666666667% - 0.175rem ); width: -webkit-calc( 66.6666666667% - 0.175rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; overflow: hidden; border: 1px solid #3988bf; height: 518px; z-index: 90; /*galerie*/ } @media screen and (max-width: 1599px) { div.textblock.tmpl_2 .tmpl_2_1 { height: 457px; } } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 .tmpl_2_1 { width: calc( 50% - 0.175rem ); width: -moz-calc( 50% - 0.175rem ); width: -webkit-calc( 50% - 0.175rem ); height: 848px; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_2 .tmpl_2_1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 888px; } } @media screen and (max-width: 479px) { div.textblock.tmpl_2 .tmpl_2_1 { height: 998px; } } div.textblock.tmpl_2 .tmpl_2_1 .galerie { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; z-index: 60; /*galInh */ /* div.index */ } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: absolute; left: 101%; top: 0; z-index: 10; height: 518px; /*text*/ } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .img { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); /* @media screen and (max-width:1023px){ margin: -92px -19px; } @media screen and (max-width:767px){ margin: -76px -19px; } @media screen and (max-width:639px){ margin: -46px -12px; } @media screen and (max-width:479px){ margin: -26px -6px; }*/ } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .img { width: calc(100% - 0rem); } } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text { color: #6f6f6e; font-size: 1.0625rem; width: calc( 50% - 2.75rem ); width: -moz-calc( 50% - 2.75rem ); width: -webkit-calc( 50% - 2.75rem ); height: calc(100% - 2rem); height: -moz-calc(100% - 2rem); height: -webkit-calc(100% - 2rem); position: relative; padding: 1rem; padding-left: 1.375rem; padding-right: 1.375rem; width: calc( 50% - 2.75rem ); width: -moz-calc( 50% - 2.75rem ); width: -webkit-calc( 50% - 2.75rem ); /*.header*/ } @media screen and (max-width: 1599px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text { height: 26.5rem; } } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 21rem; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text { height: 10.75rem; } } @media screen and (max-width: 767px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text { height: 17rem; } } @media screen and (max-width: 639px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text { height: 26.75rem; } } @media screen and (max-width: 479px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text { height: 41.5rem; } } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text a { text-decoration: underline; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text .fakeScrollBar { right: 2px; background-color: #e8e8e8; border: 1px solid #e8e8e8; z-index: 100; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text .header { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; font-size: 0.75rem; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text .header .left { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); padding: 0.5rem; text-align: left; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text .header .right { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); padding: 0.5rem; text-align: right; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh .text h4 { font-size: 1.5625rem; margin: 0; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galInh.imgShow { left: 0; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev { position: absolute; top: 50%; z-index: 100; left: 1rem; /* a */ } @media screen and (max-width: 1599px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev { top: 11rem; } } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev { top: 14rem; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev { top: 21rem; } } @media screen and (max-width: 767px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev { top: 17.5rem; } } @media screen and (max-width: 639px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev { top: 12.5rem; } } @media screen and (max-width: 479px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev { top: 8.5rem; } } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext a, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev a { position: relative; display: block; width: 2rem; height: 2rem; cursor: pointer; /* &:after */ } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext a:after, div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev a:after { position: absolute; left: 0; top: 0; content: ' '; display: block; width: 100%; height: 100%; border-top: 3px solid white; border-left: 3px solid white; -webkit-filter: drop-shadow(0.03125rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.5)); filter: drop-shadow(0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.5)); } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext { left: 31rem; } @media screen and (max-width: 1719px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext { left: 28rem; } } @media screen and (max-width: 1599px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext { left: 22rem; } } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext { left: 27rem; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext { left: auto; right: 1rem; } } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galNext a { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.galPrev a { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index { position: absolute; z-index: 100; width: 50%; bottom: 1rem; height: 3rem; top: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* span */ /* span.auswahl:after */ } @media screen and (max-width: 1599px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index { top: 25.5rem; } } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index { width: 100%; top: 27.5rem; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index { top: 40rem; } } @media screen and (max-width: 767px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index { top: 34rem; } } @media screen and (max-width: 639px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index { top: 24.5rem; } } @media screen and (max-width: 479px) { div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index { top: 16.5rem; } } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index span { position: relative; display: block; width: 1.5rem; height: 1.5rem; border: 1px solid rgba(1, 1, 1, 0.7); background-color: rgba(255, 255, 255, 0.4); margin: 0 0.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; cursor: pointer; } div.textblock.tmpl_2 .tmpl_2_1 .galerie div.index span.auswahl:after { position: absolute; content: ' '; background-color: #3988bf; width: 0.75rem; height: 0.75rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; left: 25%; top: 25%; } div.textblock.tmpl_2 .tmpl_2_2 { width: calc( 33.3333333333% - 0.125rem ); width: -moz-calc( 33.3333333333% - 0.125rem ); width: -webkit-calc( 33.3333333333% - 0.125rem ); z-index: 90; background-color: #e8e8e8; /*terminContainer */ } @media screen and (max-width: 1279px) { div.textblock.tmpl_2 .tmpl_2_2 { width: calc( 50% - 0.125rem ); width: -moz-calc( 50% - 0.125rem ); width: -webkit-calc( 50% - 0.125rem ); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_2 .tmpl_2_2 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); margin-top: 50px; } } div.textblock.tmpl_2 .tmpl_2_2 .terminContainer a { float: right; margin-right: 0.5rem; } div.textblock.tmpl_2 .tmpl_2_2 .terminContainer a i { color: white; } div.textblock div.tmpl_3 { width: calc( 33.3333333333% - 0.25rem ); width: -moz-calc( 33.3333333333% - 0.25rem ); width: -webkit-calc( 33.3333333333% - 0.25rem ); position: relative; margin-top: 1rem; /* div.objTmplInhalt */ } @media screen and (max-width: 1023px) { div.textblock div.tmpl_3 { width: calc( 100% - 0.25rem ); width: -moz-calc( 100% - 0.25rem ); width: -webkit-calc( 100% - 0.25rem ); margin-top: 75px; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_3 { margin-top: 30px; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_3 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock div.tmpl_3 div.objTmplInhalt { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: calc( 100% - 52px ); height: -moz-calc( 100% - 52px ); height: -webkit-calc( 100% - 52px ); padding-top: 52px; background-color: #afd460; /* h3 */ /* div.img */ /* div.txt */ } @media screen and (max-width: 639px) { div.textblock div.tmpl_3 div.objTmplInhalt { padding-top: 46px; } } div.textblock div.tmpl_3 div.objTmplInhalt h3 { white-space: nowrap; width: auto; padding-right: 2rem; left: 0.625rem; right: auto; } @media screen and (max-width: 479px) { div.textblock div.tmpl_3 div.objTmplInhalt h3 { font-size: 1.025rem; } } div.textblock div.tmpl_3 div.objTmplInhalt h3 span { position: relative; width: 100%; z-index: 100; } div.textblock div.tmpl_3 div.objTmplInhalt div.img { position: relative; display: inline-block; overflow: hidden; width: 100%; } div.textblock div.tmpl_3 div.objTmplInhalt div.img .abstand { display: block; width: 100%; margin-top: 48.1481481481%; } div.textblock div.tmpl_3 div.objTmplInhalt div.img picture { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div.textblock div.tmpl_3 div.objTmplInhalt div.img picture img { width: 100%; height: auto; } div.textblock div.tmpl_3 div.objTmplInhalt div.txt { color: white; padding: 0rem 1rem 0; } @media screen and (max-width: 1023px) { div.textblock div.tmpl_3 div.objTmplInhalt div.txt { padding-top: 6rem; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_3 div.objTmplInhalt div.txt { padding-left: 5px; padding-right: 0; padding-top: 6.5rem; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_3 div.objTmplInhalt div.txt { padding-top: 5.5rem; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_3 div.objTmplInhalt div.txt { padding-top: 5rem; } } div.textblock div.tmpl_3 div.objTmplInhalt a { display: block; height: auto; width: 100%; } div.textblock div.tmpl_3 div.objTmplInhalt div.linkLayer a { display: block; height: 100%; width: 100%; } div.textblock div.tmpl_3.Farbe_Grau { /* div.objTmplInhalt{ */ } div.textblock div.tmpl_3.Farbe_Grau div.objTmplInhalt { background-color: #839ea4; /* h3 */ /* h3.after */ } div.textblock div.tmpl_3.Farbe_Blau { /* div.objTmplInhalt{ */ } div.textblock div.tmpl_3.Farbe_Blau div.objTmplInhalt { background-color: #4397c9; /* h3 */ /* h3.after */ } div.textblock div.tmpl_3.Farbe_Braun { /* div.objTmplInhalt{ */ } div.textblock div.tmpl_3.Farbe_Braun div.objTmplInhalt { background-color: #bcb19f; /* h3 */ /* h3.after */ } div.textblock div.tmpl_4_1.galerie { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; z-index: 60; /* div.galInh */ /* div.galInh.aktiv */ /* div.galInh.next */ /* div.refSize */ /* div.index */ } div.textblock div.tmpl_4_1.galerie div.galInh { width: calc( 100% - 0.125rem ); width: -moz-calc( 100% - 0.125rem ); width: -webkit-calc( 100% - 0.125rem ); position: absolute; left: 101%; top: 0; display: block; z-index: 10; height: 518px; border: 1px solid #3988bf; /* div.objTmplInhalt*/ } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: white; height: 518px; overflow: hidden; /*img*/ /*div.selektor*/ /*objTxt*/ } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt div.img { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt div.selektor { position: absolute; z-index: 10; width: 100%; text-align: center; height: 3rem; } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt div.objTxt { width: calc( 50% - 3rem ); width: -moz-calc( 50% - 3rem ); width: -webkit-calc( 50% - 3rem ); font-family: 'roboto', sans-serif; font-weight: 300; font-size: 1.125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 1.5rem; color: #6f6f6e; /*.head1*/ } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt div.objTxt .head1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; font-size: 0.8125rem; /*date*/ /*counter*/ } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt div.objTxt .head1 .date { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt div.objTxt .head1 .counter { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); text-align: right; } div.textblock div.tmpl_4_1.galerie div.galInh div.objTmplInhalt div.objTxt span.heading { font-size: 1.4375rem; font-weight: bold; } div.textblock div.tmpl_4_1.galerie div.galInh.aktiv { display: block; z-index: 20; } div.textblock div.tmpl_4_1.galerie div.galInh.next { z-index: 25; } div.textblock div.tmpl_4_1.galerie div.galInh.imgShow { left: 0; } div.textblock div.tmpl_4_1.galerie div.refSize { position: absolute; z-index: 50; width: 100%; top: 1rem; text-align: center; /* i */ } div.textblock div.tmpl_4_1.galerie div.refSize i:after { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; content: '\2022'; color: white; font-size: 2.5rem; cursor: pointer; } div.textblock div.tmpl_4_1.galerie div.index { position: absolute; z-index: 100; width: 50%; bottom: 1rem; height: 3rem; top: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* span */ /* span.auswahl:after */ } @media screen and (max-width: 1599px) { div.textblock div.tmpl_4_1.galerie div.index { top: 25.5rem; } } @media screen and (max-width: 1279px) { div.textblock div.tmpl_4_1.galerie div.index { width: 100%; top: 27.5rem; } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_4_1.galerie div.index { top: 40rem; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_4_1.galerie div.index { top: 34rem; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_4_1.galerie div.index { top: 24.5rem; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_4_1.galerie div.index { top: 16.5rem; } } div.textblock div.tmpl_4_1.galerie div.index span { position: relative; display: block; width: 1.5rem; height: 1.5rem; border: 1px solid rgba(1, 1, 1, 0.7); background-color: rgba(255, 255, 255, 0.4); margin: 0 0.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; cursor: pointer; } div.textblock div.tmpl_4_1.galerie div.index span.auswahl:after { position: absolute; content: ' '; background-color: #3988bf; width: 0.75rem; height: 0.75rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; left: 25%; top: 25%; } div.textblock div.textblock.template_4 { width: 100%; } div.textblock div.tmpl_5_1.galerie { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; z-index: 60; /* div.index */ /* div.galInh */ /* div.galInh.aktiv */ /* div.galInh.next */ /*div.headline*/ /*div.balken*/ } div.textblock div.tmpl_5_1.galerie div.index { position: absolute; z-index: 110; width: 100%; bottom: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* span */ /* span.auswahl:after */ } div.textblock div.tmpl_5_1.galerie div.index span { position: relative; display: block; width: 1.5rem; height: 1.5rem; border: 1px solid rgba(1, 1, 1, 0.7); background-color: rgba(255, 255, 255, 0.4); margin: 0 0.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; cursor: pointer; } div.textblock div.tmpl_5_1.galerie div.index span.auswahl:after { position: absolute; content: ' '; background-color: #a2c559; width: 0.75rem; height: 0.75rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; left: 25%; top: 25%; } div.textblock div.tmpl_5_1.galerie div.galInh { width: calc( 100% - 0.125rem ); width: -moz-calc( 100% - 0.125rem ); width: -webkit-calc( 100% - 0.125rem ); position: absolute; left: 101%; top: 0; display: block; z-index: 10; height: 518px; border: 1px solid #3988bf; /* div.objTmplInhalt*/ } div.textblock div.tmpl_5_1.galerie div.galInh div.objTmplInhalt { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: white; height: 518px; overflow: hidden; /*img*/ } div.textblock div.tmpl_5_1.galerie div.galInh div.objTmplInhalt div.img { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } div.textblock div.tmpl_5_1.galerie div.galInh div.linkLayer { z-index: 105; } div.textblock div.tmpl_5_1.galerie div.galInh.aktiv { display: block; z-index: 20; } div.textblock div.tmpl_5_1.galerie div.galInh.next { z-index: 25; } div.textblock div.tmpl_5_1.galerie div.galInh.imgShow { left: 0; } div.textblock div.tmpl_5_1.galerie div.headline { position: absolute; background-color: #859296; width: 35.244360%; height: 3.25rem; top: 0.75rem; left: 0; z-index: 100; /*after*/ /*main*/ /*sub*/ } @media screen and (max-width: 1279px) { div.textblock div.tmpl_5_1.galerie div.headline { width: 73.244%; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_5_1.galerie div.headline { width: 80.844%; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_5_1.galerie div.headline { width: 72.844%; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_5_1.galerie div.headline { width: 80.844%; } } div.textblock div.tmpl_5_1.galerie div.headline:after { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; right: 0; top: 0; width: 3.25rem; background-color: #859296; z-index: -1; } div.textblock div.tmpl_5_1.galerie div.headline .main { font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; color: white; margin-left: 0.875rem; margin-top: 0.5rem; width: calc( 100% - 0.875rem ); width: -moz-calc( 100% - 0.875rem ); width: -webkit-calc( 100% - 0.875rem ); z-index: 101; overflow: hidden; } div.textblock div.tmpl_5_1.galerie div.headline .sub { font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; width: calc( 100% - 0.875rem ); width: -moz-calc( 100% - 0.875rem ); width: -webkit-calc( 100% - 0.875rem ); color: white; margin-left: 0.875rem; margin-top: 0.5rem; max-height: 3rem; overflow: hidden; z-index: 101; } div.textblock div.tmpl_5_1.galerie div.balken { position: absolute; background-color: #859296; width: 15.6015%; height: 3.25rem; top: 0.5rem; left: calc(35.2444% + 4.25rem); } @media screen and (max-width: 1279px) { div.textblock div.tmpl_5_1.galerie div.balken { display: none; } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_5_1.galerie div.balken { display: none; } } div.textblock div.tmpl_5_1.galerie div.balken:before { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; left: -3.25rem; top: 0; width: 3.25rem; background-color: #859296; } div.textblock div.tmpl_5_1 { overflow: hidden; height: 32.5rem; word-wrap: break-word; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 66.6666666667% - 0.15rem ); width: -moz-calc( 66.6666666667% - 0.15rem ); width: -webkit-calc( 66.6666666667% - 0.15rem ); position: relative; /*div.headline*/ /*div.balken*/ } @media screen and (max-width: 1279px) { div.textblock div.tmpl_5_1 { width: calc( 50% - 0.15rem ); width: -moz-calc( 50% - 0.15rem ); width: -webkit-calc( 50% - 0.15rem ); } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_5_1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); order: 2; margin-top: 20px; height: 29.5rem; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_5_1 { height: 47rem; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_5_1 { height: 35rem; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_5_1 { height: 29rem; } } div.textblock div.tmpl_5_1 div.textblock { width: 100%; overflow: hidden; } @media screen and (max-width: 1023px) { div.textblock div.tmpl_5_1 div.galInh { width: 100%; } } div.textblock div.tmpl_5_1 div.headline { position: absolute; background-color: #859296; width: 35.244360%; height: auto; min-height: 3.25rem; top: 0.75rem; left: 0; z-index: 100; /*after*/ /*main*/ /*sub*/ } @media screen and (max-width: 1280px) { div.textblock div.tmpl_5_1 div.headline { width: 73.244%; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_5_1 div.headline { width: 80.844%; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_5_1 div.headline { width: 72.844%; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_5_1 div.headline { width: 75%; } } div.textblock div.tmpl_5_1 div.headline:after { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; right: 0; top: 0; width: 4.5825rem; background-color: #859296; z-index: -1; } div.textblock div.tmpl_5_1 div.headline .main { font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; color: white; margin-left: 0.875rem; margin-top: 0.5rem; width: calc( 100% - 0.875rem ); width: -moz-calc( 100% - 0.875rem ); width: -webkit-calc( 100% - 0.875rem ); z-index: 101; overflow: hidden; } div.textblock div.tmpl_5_1 div.headline .sub { font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; width: calc( 100% - 0.875rem ); width: -moz-calc( 100% - 0.875rem ); width: -webkit-calc( 100% - 0.875rem ); color: white; margin-left: 0.875rem; margin-top: 0.75rem; overflow: hidden; z-index: 101; } div.textblock div.tmpl_5_1 div.balken { position: absolute; background-color: #859296; width: 15.6015%; height: 3.25rem; top: 0.5rem; left: calc(35.2444% + 4.25rem); } @media screen and (max-width: 1279px) { div.textblock div.tmpl_5_1 div.balken { display: none; } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_5_1 div.balken { display: none; } } div.textblock div.tmpl_5_1 div.balken:before { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; left: -3.25rem; top: 0; width: 3.25rem; background-color: #859296; } div.textblock div.tmpl_5_2 { width: calc( 33.3333333333% - 0.25rem ); width: -moz-calc( 33.3333333333% - 0.25rem ); width: -webkit-calc( 33.3333333333% - 0.25rem ); background-color: #e8e8e8; /*terminContainer */ } @media screen and (max-width: 1279px) { div.textblock div.tmpl_5_2 { width: calc( 50% - 0.15rem ); width: -moz-calc( 50% - 0.15rem ); width: -webkit-calc( 50% - 0.15rem ); } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_5_2 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); order: 1; } } div.textblock div.tmpl_5_2 .terminContainer a { float: right; margin-right: 0.5rem; } div.textblock div.tmpl_5_2 .terminContainer a i { color: white; } div.textblock div.tmpl_6 { /*&.tmpl6_header*/ /*&.tmpl_6_1*/ /*&.tmpl_6_2*/ } div.textblock div.tmpl_6.tmpl6_header { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 100px; } div.textblock div.tmpl_6.tmpl_6_1 { width: calc( 33.3333333333% - 0.15rem ); width: -moz-calc( 33.3333333333% - 0.15rem ); width: -webkit-calc( 33.3333333333% - 0.15rem ); } @media screen and (max-width: 767px) { div.textblock div.tmpl_6.tmpl_6_1 { width: calc( 100% - 0.15rem ); width: -moz-calc( 100% - 0.15rem ); width: -webkit-calc( 100% - 0.15rem ); } } @media screen and (max-width: 479px) { div.textblock div.tmpl_6.tmpl_6_1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock div.tmpl_6.tmpl_6_2 { width: calc( 66.6666666667% - 0.75rem ); width: -moz-calc( 66.6666666667% - 0.75rem ); width: -webkit-calc( 66.6666666667% - 0.75rem ); /*h3*/ /*balken*/ /*sub*/ /*sub*/ } div.textblock div.tmpl_6.tmpl_6_2 a { text-decoration: underline; } @media screen and (max-width: 767px) { div.textblock div.tmpl_6.tmpl_6_2 { width: calc( 100% - 0.15rem ); width: -moz-calc( 100% - 0.15rem ); width: -webkit-calc( 100% - 0.15rem ); } } @media screen and (max-width: 479px) { div.textblock div.tmpl_6.tmpl_6_2 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock div.tmpl_6.tmpl_6_2 h3 { font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1.875rem; width: 22%; margin-top: 0; top: 1rem; left: 0; right: auto; height: 2.3125rem; background-image: none; box-shadow: none; padding-top: 0; padding-bottom: 0; color: black; background-color: #c4cacd; line-height: 2.275rem; /* h3:after */ } @media screen and (max-width: 1719px) { div.textblock div.tmpl_6.tmpl_6_2 h3 { width: 25%; } } @media screen and (max-width: 1599px) { div.textblock div.tmpl_6.tmpl_6_2 h3 { width: 30%; } } @media screen and (max-width: 1279px) { div.textblock div.tmpl_6.tmpl_6_2 h3 { width: 37%; } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_6.tmpl_6_2 h3 { width: 89.438%; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_6.tmpl_6_2 h3 { width: 87.538%; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_6.tmpl_6_2 h3 { width: 84.538%; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_6.tmpl_6_2 h3 { width: 78.238%; font-size: 1.2rem; } } div.textblock div.tmpl_6.tmpl_6_2 h3:after { box-shadow: none; background-image: none; background-color: #c4cacd; width: 3rem; } @media screen and (max-width: 479px) { div.textblock div.tmpl_6.tmpl_6_2 h3:after { width: 2.3rem; } } div.textblock div.tmpl_6.tmpl_6_2 div.balken { position: absolute; background-color: #c4cacd; width: calc(78% - 4rem); height: 2.3125rem; top: 1.625rem; right: 0; /*before*/ } @media screen and (max-width: 1719px) { div.textblock div.tmpl_6.tmpl_6_2 div.balken { width: calc(75% - 4rem); } } @media screen and (max-width: 1599px) { div.textblock div.tmpl_6.tmpl_6_2 div.balken { width: calc(70% - 4rem); } } @media screen and (max-width: 1279px) { div.textblock div.tmpl_6.tmpl_6_2 div.balken { width: calc(63% - 4rem); } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_6.tmpl_6_2 div.balken { display: none; } } div.textblock div.tmpl_6.tmpl_6_2 div.balken:before { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; left: -2.3125rem; top: 0; width: 2.3125rem; background-color: #c4cacd; } div.textblock div.tmpl_6.tmpl_6_2 .sub { font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.375rem; color: black; } @media screen and (max-width: 767px) { div.textblock div.tmpl_6.tmpl_6_2 .sub { padding-top: 1rem; } } div.textblock div.tmpl_6.tmpl_6_2 .sub h4 { margin-top: 0; } div.textblock div.tmpl_6.tmpl_6_2 .txt { font-family: 'roboto', sans-serif; font-weight: 300; font-size: 1rem; color: black; } @media screen and (max-width: 767px) { div.textblock div.tmpl_6.tmpl_6_2 .txt { padding-left: 5px; padding-right: 5px; } } div.textblock div.tmpl_6.tmpl_6_2 .txt span.heading { font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.125rem; margin-bottom: 2.125rem; display: block; } div.textblock div.tmpl_6.tmpl_6_2 .txt p { margin: 0; } div.textblock div.tmpl_6.tmpl_6_2 .txt table { width: 100% !important; } @media screen and (max-width: 479px) { div.textblock div.tmpl_6.tmpl_6_2 .txt table { font-size: 0.875rem; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_6.tmpl_6_2 .txt table td:last-child { display: none; } } div.textblock.tmpl_7 { padding-bottom: 2rem; /*div.reiterContainer*/ /*container*/ } div.textblock.tmpl_7 div.reiterContainer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*reiter*/ } div.textblock.tmpl_7 div.reiterContainer div.reiter { width: calc( 33.3333333333% - 0.275rem ); width: -moz-calc( 33.3333333333% - 0.275rem ); width: -webkit-calc( 33.3333333333% - 0.275rem ); border: 1px solid #a2c559; color: #6f6f6e; position: relative; padding-top: 3.125rem; /*pfeil*/ /*div.objTmplInhalt{*/ } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.reiterContainer div.reiter { width: calc( 100% - 0.275rem ); width: -moz-calc( 100% - 0.275rem ); width: -webkit-calc( 100% - 0.275rem ); margin-top: 2rem; } } div.textblock.tmpl_7 div.reiterContainer div.reiter div.pfeil { position: absolute; right: 0; bottom: 0; } div.textblock.tmpl_7 div.reiterContainer div.reiter div.pfeil i { font-size: 3rem; color: #a2c559; } div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; /* h3 */ /*h4*/ /*div.txt */ } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt div.img { width: 100%; } } div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3 { position: absolute; right: auto; left: 0.3125rem; top: -4.125rem; margin: 0; padding: 0; padding: 0.25rem 1rem; width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; color: white; /* h3:after */ } @media screen and (max-width: 1279px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3 { width: calc(54% - 0rem); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3 { width: calc(35% - 0rem); } } @media screen and (max-width: 767px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3 { width: calc(41% - 0rem); } } @media screen and (max-width: 639px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3 { width: calc(58% - 0rem); } } div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3:after { content: ' '; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } @media screen and (max-width: 1599px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3:after { width: 70px; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3:after { width: 40px; } } @media screen and (max-width: 639px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3:after { width: 40px; } } @media screen and (max-width: 479px) { div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h3:after { width: 70px; } } div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt h4 { margin-top: 0.5rem; margin-bottom: 0; padding: 0.625rem; padding-bottom: 0; font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.1875rem; } div.textblock.tmpl_7 div.reiterContainer div.reiter div.objTmplInhalt div.txt { padding: 0.625rem; padding-top: 0; width: calc( 83.3333333333% - 0.625rem ); width: -moz-calc( 83.3333333333% - 0.625rem ); width: -webkit-calc( 83.3333333333% - 0.625rem ); } div.textblock.tmpl_7 div.reiterContainer div.reiter.auswahl { background-color: #dadbdb; /*pfeil*/ } div.textblock.tmpl_7 div.reiterContainer div.reiter.auswahl div.pfeil i { color: white; } div.textblock.tmpl_7 div.galContainer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 1.625rem; color: #6f6f6e; /*galerieContainer*/ } div.textblock.tmpl_7 div.galContainer div.container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 0; overflow: hidden; /*_4 _6 _8*/ /*579*/ /*galerie*/ } div.textblock.tmpl_7 div.galContainer div.container.aktiv { height: 465px; } @media screen and (max-width: 1599px) { div.textblock.tmpl_7 div.galContainer div.container.aktiv { height: 395px; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.galContainer div.container.aktiv { height: auto; } } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 { width: calc( 66.6666666667% - 0rem ); width: -moz-calc( 66.6666666667% - 0rem ); width: -webkit-calc( 66.6666666667% - 0rem ); position: relative; /*txt*/ } @media screen and (max-width: 1279px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { position: absolute; top: 2.55rem; left: 0; height: 2rem; background-color: red; margin: 0; padding: 0; padding: 0.25rem 1rem; width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; color: white; /*:after */ font-family: 'roboto_condensed', sans-serif; font-weight: 300; font-size: 1.375rem; } @media screen and (max-width: 1719px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { width: calc(35% - 1rem); } } @media screen and (max-width: 1599px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { width: calc(44% - 1rem); } } @media screen and (max-width: 1279px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { width: calc(73% - 1rem); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { width: calc(53% - 1rem); } } @media screen and (max-width: 767px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { width: calc(63% - 1rem); } } @media screen and (max-width: 639px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { width: calc(85% - 1rem); } } @media screen and (max-width: 479px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt { width: calc(68% - 1rem); height: 4rem; } } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt:after, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt:after, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt:after { content: ' '; position: absolute; right: 0px; top: 0px; height: 100%; width: 2.5rem; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } @media screen and (max-width: 479px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt:after, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt:after, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt:after { width: 4.5rem; } } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt span.heading, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt span.heading, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt span.heading { width: 100%; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.8125rem; } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4 div.txt p, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6 div.txt p, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8 div.txt p { margin: 0; padding: 0; } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4.galerie, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6.galerie, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8.galerie { padding-bottom: 4rem; } @media screen and (min-width: 1024px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_4.galerie, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_6.galerie, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_8.galerie { padding-bottom: 0rem; } } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 { width: calc( 33.3333333333% - 3rem ); width: -moz-calc( 33.3333333333% - 3rem ); width: -webkit-calc( 33.3333333333% - 3rem ); padding-left: 1.5rem; padding-right: 1.5rem; /*h4*/ /*div.txt*/ /*a*/ } @media screen and (max-width: 1279px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 { width: calc( 50% - 3rem ); width: -moz-calc( 50% - 3rem ); width: -webkit-calc( 50% - 3rem ); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 { width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); padding-top: 1.5rem; } } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5 h4, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7 h4, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 h4 { margin-top: 0; } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 div.txt { height: 420px; overflow-y: scroll; } @media screen and (max-width: 1599px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 div.txt { height: 338px; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7 div.txt, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 div.txt { height: auto; overflow-y: visible; } } div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_5 a, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_7 a, div.textblock.tmpl_7 div.galContainer div.container div.tmpl_7_9 a { color: #a2c559; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.1875rem; } div.textblock.tmpl_7 div.galContainer div.container div.galerie { width: calc( 66.6666666667% - 0rem ); width: -moz-calc( 66.6666666667% - 0rem ); width: -webkit-calc( 66.6666666667% - 0rem ); /*@include my-boxContainer();*/ position: relative; z-index: 60; overflow: hidden; /* div.galInh */ /* div.index */ } @media screen and (max-width: 1279px) { div.textblock.tmpl_7 div.galContainer div.container div.galerie { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_7 div.galContainer div.container div.galerie { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 310px; } } @media screen and (max-width: 767px) { div.textblock.tmpl_7 div.galContainer div.container div.galerie { height: 520px; } } @media screen and (max-width: 639px) { div.textblock.tmpl_7 div.galContainer div.container div.galerie { height: 390px; } } @media screen and (max-width: 479px) { div.textblock.tmpl_7 div.galContainer div.container div.galerie { height: 290px; } } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh { width: calc( 100% - 0.125rem ); width: -moz-calc( 100% - 0.125rem ); width: -webkit-calc( 100% - 0.125rem ); position: absolute; left: 101%; top: 0; display: block; z-index: 10; height: 518px; /* div.objTmplInhalt*/ } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: white; height: 518px; overflow: hidden; /*img*/ /*div.selektor*/ /*objTxt*/ } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt div.img { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt div.selektor { position: absolute; z-index: 10; width: 100%; text-align: center; height: 3rem; } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt div.objTxt { width: calc( 50% - 3rem ); width: -moz-calc( 50% - 3rem ); width: -webkit-calc( 50% - 3rem ); font-family: 'roboto', sans-serif; font-weight: 300; font-size: 1.125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 1.5rem; color: #6f6f6e; /*.head1*/ } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt div.objTxt .head1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; font-size: 0.8125rem; /*date*/ /*counter*/ } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt div.objTxt .head1 .date { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt div.objTxt .head1 .counter { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); text-align: right; } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh div.objTmplInhalt div.objTxt span.heading { font-size: 1.4375rem; font-weight: bold; } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.galInh.imgShow { left: 0; } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.index { position: absolute; z-index: 100; width: 100%; bottom: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* span */ /* span.auswahl:after */ } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.index span { position: relative; display: block; width: 1.5rem; height: 1.5rem; border: 1px solid rgba(1, 1, 1, 0.7); background-color: rgba(255, 255, 255, 0.4); margin: 0 0.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; cursor: pointer; } div.textblock.tmpl_7 div.galContainer div.container div.galerie div.index span.auswahl:after { position: absolute; content: ' '; background-color: #a2c559; width: 0.75rem; height: 0.75rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; left: 25%; top: 25%; } div.textblock.tmpl_98 { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; color: #6f6f6e; /*div.headline*/ padding-bottom: 2rem; /*form*/ } div.textblock.tmpl_98 div.headline { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding: 1rem; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; } div.textblock.tmpl_98 form { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*spalte*/ } div.textblock.tmpl_98 form div.spalte { width: calc( 50% - 2.5rem ); width: -moz-calc( 50% - 2.5rem ); width: -webkit-calc( 50% - 2.5rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 1rem; /*div.formularFeld*/ } @media screen and (max-width: 1023px) { div.textblock.tmpl_98 form div.spalte { width: 100%; } } div.textblock.tmpl_98 form div.spalte div.formularFeld { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } div.textblock.tmpl_98 form div.spalte div.formularFeld textarea, div.textblock.tmpl_98 form div.spalte div.formularFeld input[type="text"] { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); border: 1px solid #c9c9c9; border-radius: 0.25rem; height: 2rem; margin-bottom: 1rem; text-indent: 0.5rem; font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1.1875rem; } div.textblock.tmpl_98 form div.spalte div.formularFeld textarea { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); border: 1px solid #c9c9c9; border-radius: 0.25rem; height: 8rem; margin-bottom: 1rem; text-indent: 0.5rem; } div.textblock.tmpl_98 form div.spalte div.formularFeld input[type="submit"] { background-color: #a79b89; border: 0 none; border-radius: 0.25rem; box-shadow: none; color: white; font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1.1875rem; width: 65%; margin-left: 35%; } div.textblock.tmpl_98 form div.spalte div.formularFeld.strnr input[type="text"], div.textblock.tmpl_98 form div.spalte div.formularFeld.plzort input[type="text"], div.textblock.tmpl_98 form div.spalte div.formularFeld.name input[type="text"] { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); } @media screen and (max-width: 639px) { div.textblock.tmpl_98 form div.spalte div.formularFeld.strnr input[type="text"], div.textblock.tmpl_98 form div.spalte div.formularFeld.plzort input[type="text"], div.textblock.tmpl_98 form div.spalte div.formularFeld.name input[type="text"] { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock.tmpl_8 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding-bottom: 3em; /*div.textblock_header*/ /*div.textblock_header*/ } div.textblock.tmpl_8 div.textblock_header { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } div.textblock.tmpl_8 div.textblock_main { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /*div.downloadEntry*/ } div.textblock.tmpl_8 div.textblock_main div.downloadEntry { color: #6f6f6e; width: calc( 33.3333333333% - 0.8125rem ); width: -moz-calc( 33.3333333333% - 0.8125rem ); width: -webkit-calc( 33.3333333333% - 0.8125rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border: 1px solid #a79b89; padding: 0.5rem; padding-right: 0rem; } @media screen and (max-width: 1279px) { div.textblock.tmpl_8 div.textblock_main div.downloadEntry { width: calc( 50% - 0.8125rem ); width: -moz-calc( 50% - 0.8125rem ); width: -webkit-calc( 50% - 0.8125rem ); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_8 div.textblock_main div.downloadEntry { width: calc( 100% - 0.8125rem ); width: -moz-calc( 100% - 0.8125rem ); width: -webkit-calc( 100% - 0.8125rem ); } } div.textblock.tmpl_8 div.textblock_main div.downloadEntry .left { width: calc( 46.5833333333% - 0.1666rem ); width: -moz-calc( 46.5833333333% - 0.1666rem ); width: -webkit-calc( 46.5833333333% - 0.1666rem ); border: 1px solid #a79b89; height: 21.125rem; overflow: hidden; } @media screen and (max-width: 639px) { div.textblock.tmpl_8 div.textblock_main div.downloadEntry .left { width: calc( 100% - 0.1666rem ); width: -moz-calc( 100% - 0.1666rem ); width: -webkit-calc( 100% - 0.1666rem ); } } div.textblock.tmpl_8 div.textblock_main div.downloadEntry .left img { width: 100%; height: auto; } div.textblock.tmpl_8 div.textblock_main div.downloadEntry .right { width: calc( 50% - 0.5rem ); width: -moz-calc( 50% - 0.5rem ); width: -webkit-calc( 50% - 0.5rem ); padding-right: 1rem; font-family: 'roboto', sans-serif; font-weight: 400; font-size: 1.0625rem; max-height: 20rem; overflow-y: auto; overflow-wrap: break-word; } @media screen and (max-width: 639px) { div.textblock.tmpl_8 div.textblock_main div.downloadEntry .right { width: calc( 100% - 0.5rem ); width: -moz-calc( 100% - 0.5rem ); width: -webkit-calc( 100% - 0.5rem ); max-height: none; height: auto; } } div.textblock.tmpl_8 div.textblock_main div.downloadEntry .right h4 { margin-top: 0; margin-bottom: 1.125rem; font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.4375rem; } div.textblock.tmpl_8 div.textblock_main div.downloadEntry .bottom { width: calc( 100% - 0.65rem ); width: -moz-calc( 100% - 0.65rem ); width: -webkit-calc( 100% - 0.65rem ); text-align: right; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.1875rem; padding-right: 0.65rem; } div.textblock.tmpl_8 div.textblock_main div.downloadEntry .bottom hr { background-color: #a79b89; border: none; height: 1px; } div.textblock div.tmpl_9_1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); position: relative; z-index: 60; margin-top: 2rem; /* &.galerie */ /* div.objTmplInhalt*/ } div.textblock div.tmpl_9_1 a { text-decoration: underline; } @media screen and (max-width: 479px) { div.textblock div.tmpl_9_1 { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock div.tmpl_9_1.galerie { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); position: relative; z-index: 60; /* div.galInh */ /* galPrev galNext */ /* div.galPrev */ /* div.galNext */ } @media screen and (max-width: 1023px) { div.textblock div.tmpl_9_1.galerie { margin-bottom: 137px; } } @media screen and (max-width: 767px) { div.textblock div.tmpl_9_1.galerie { margin-bottom: 675px; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_9_1.galerie { margin-bottom: 610px; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_9_1.galerie { margin-bottom: 590px; } } div.textblock div.tmpl_9_1.galerie div.galInh { position: absolute; left: 0; top: 0; opacity: 0; z-index: 10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; /* &.aktiv */ /* &.next */ /* div.refSize */ } div.textblock div.tmpl_9_1.galerie div.galInh.aktiv { display: block; opacity: 1; z-index: 20; } div.textblock div.tmpl_9_1.galerie div.galInh.next { z-index: 25; } div.textblock div.tmpl_9_1.galerie div.galInh div.refSize { position: absolute; z-index: 50; width: 100%; top: 1rem; text-align: center; /* i */ } div.textblock div.tmpl_9_1.galerie div.galInh div.refSize i:after { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; content: '\2022'; color: white; font-size: 2.5rem; cursor: pointer; } div.textblock div.tmpl_9_1.galerie div.galNext, div.textblock div.tmpl_9_1.galerie div.galPrev { position: absolute; z-index: 100; top: 12rem; /* a */ } @media screen and (max-width: 1599px) { div.textblock div.tmpl_9_1.galerie div.galNext, div.textblock div.tmpl_9_1.galerie div.galPrev { top: 152px; } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_9_1.galerie div.galNext, div.textblock div.tmpl_9_1.galerie div.galPrev { top: 180px; } } @media screen and (max-width: 768px) { div.textblock div.tmpl_9_1.galerie div.galNext, div.textblock div.tmpl_9_1.galerie div.galPrev { top: 250px; } } @media screen and (max-width: 639px) { div.textblock div.tmpl_9_1.galerie div.galNext, div.textblock div.tmpl_9_1.galerie div.galPrev { top: 180px; } } @media screen and (max-width: 479px) { div.textblock div.tmpl_9_1.galerie div.galNext, div.textblock div.tmpl_9_1.galerie div.galPrev { top: 120px; } } div.textblock div.tmpl_9_1.galerie div.galNext a, div.textblock div.tmpl_9_1.galerie div.galPrev a { position: relative; display: block; width: 2rem; height: 2rem; cursor: pointer; /* &:after */ } div.textblock div.tmpl_9_1.galerie div.galNext a:after, div.textblock div.tmpl_9_1.galerie div.galPrev a:after { position: absolute; left: 0; top: 0; content: ' '; display: block; width: 100%; height: 100%; border-top: 3px solid white; border-left: 3px solid white; -webkit-filter: drop-shadow(0.03125rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.5)); filter: drop-shadow(0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.5)); } div.textblock div.tmpl_9_1.galerie div.galPrev { left: 1rem; /* a */ } @media screen and (max-width: 1023px) { div.textblock div.tmpl_9_1.galerie div.galPrev { left: 2rem; } } div.textblock div.tmpl_9_1.galerie div.galPrev a { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } div.textblock div.tmpl_9_1.galerie div.galNext { right: calc( 33.3333% + 1rem); right: -moz-calc( 33.3333% + 1rem); right: -webkit-calc( 33.3333% + 1rem); /* a */ } @media screen and (max-width: 1599px) { div.textblock div.tmpl_9_1.galerie div.galNext { right: calc( 50% + 1rem); right: -moz-calc( 50% + 1rem); right: -webkit-calc( 50% + 1rem); } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_9_1.galerie div.galNext { right: calc( 0% + 2rem); right: -moz-calc( 0% + 2rem); right: -webkit-calc( 0% + 2rem); } } div.textblock div.tmpl_9_1.galerie div.galNext a { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); } div.textblock div.tmpl_9_1 div.objTmplInhalt { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: white; width: 98vw; } @media screen and (min-width: 1024px) { div.textblock div.tmpl_9_1 div.objTmplInhalt { width: 70vw; } } div.textblock div.tmpl_9_1 div.objTmplInhalt div.img { width: calc( 66.6666666667% - 0rem ); width: -moz-calc( 66.6666666667% - 0rem ); width: -webkit-calc( 66.6666666667% - 0rem ); } @media screen and (max-width: 1599px) { div.textblock div.tmpl_9_1 div.objTmplInhalt div.img { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_9_1 div.objTmplInhalt div.img { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock div.tmpl_9_1 div.objTmplInhalt div.txt { width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); padding: 1rem; padding-top: 1.5rem; font-family: 'roboto', sans-serif; font-weight: 300; font-size: 1.125rem; color: #6f6f6e; /* strong */ } div.textblock div.tmpl_9_1 div.objTmplInhalt div.txt strong { font-family: 'roboto', sans-serif; font-weight: 700; } @media screen and (max-width: 1599px) { div.textblock div.tmpl_9_1 div.objTmplInhalt div.txt { width: calc( 50% - 2rem ); width: -moz-calc( 50% - 2rem ); width: -webkit-calc( 50% - 2rem ); font-size: 1rem; } } @media screen and (max-width: 1023px) { div.textblock div.tmpl_9_1 div.objTmplInhalt div.txt { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { padding-right: 2rem; width: 60%; left: 1rem; } @media screen and (min-width: 480px) { div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { top: -1.25rem; } } @media screen and (min-width: 768px) { div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { width: 50%; } } @media screen and (min-width: 1024px) { div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { width: 35%; left: calc( 50% + 0.5rem); left: -moz-calc( 50% + 0.5rem); left: -webkit-calc( 50% + 0.5rem); } } @media screen and (min-width: 1600px) { div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { width: 23%; left: calc( 66% + 1rem); left: -moz-calc( 66% + 1rem); left: -webkit-calc( 66% + 1rem); } } @media screen and (max-width: 767px) { div.textblock div.tmpl_9_1 div.objTmplInhalt h3:after { width: 75px; } } div.textblock div.tmpl_9_1 div.objTmplInhalt h3 span { position: relative; width: 100%; z-index: 100; } div.textblock.tmpl_10 { padding-bottom: 2rem; padding-top: 2rem; margin-top: 1rem; /*ul#lightgallery*/ /* h3 */ } div.textblock.tmpl_10 ul.lightgallery { padding-left: 0; width: 100%; list-style: none; text-align: left; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: left; -ms-flex-pack: justify; justify-content: left; /*li*/ } div.textblock.tmpl_10 ul.lightgallery li { margin-right: 0.625rem; width: calc( 20% - 0.625rem ); width: -moz-calc( 20% - 0.625rem ); width: -webkit-calc( 20% - 0.625rem ); /*1/5*/ } div.textblock.tmpl_10 ul.lightgallery li img { width: 100%; } div.textblock.tmpl_10 ul.lightgallery.mp { /*a*/ } div.textblock.tmpl_10 ul.lightgallery.mp a { margin-right: 0.625rem; margin-bottom: 2rem; width: calc( 20% - 0.75rem ); width: -moz-calc( 20% - 0.75rem ); width: -webkit-calc( 20% - 0.75rem ); /*1/5*/ border: 1px solid #efefef; } div.textblock.tmpl_10 ul.lightgallery.mp a img { width: 100%; } div.textblock.tmpl_10 h3 { left: 0; right: auto; } @media screen and (max-width: 1023px) { div.textblock.tmpl_10 h3 { width: 60%; font-size: 1rem; } } div.textblock.tmpl_10 h3:after { z-index: -1; } @media screen and (max-width: 1279px) { div.textblock.tmpl_10 h3:after { width: 5rem; } } div.textblock.tmpl_12 { padding-top: 6rem; padding-bottom: 1rem; /*h3*/ /*balken*/ } div.textblock.tmpl_12 h3 { font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1.875rem; width: 22%; margin-top: 0; top: 1rem; left: 0; right: auto; height: 2.75rem; background-image: none; box-shadow: none; padding-top: 0; padding-bottom: 0; color: black; background-color: #c4cacd; line-height: 2.275rem; /* h3:after */ } @media screen and (max-width: 1719px) { div.textblock.tmpl_12 h3 { width: 25%; } } @media screen and (max-width: 1599px) { div.textblock.tmpl_12 h3 { width: 30%; } } @media screen and (max-width: 1279px) { div.textblock.tmpl_12 h3 { width: 37%; } } @media screen and (max-width: 1023px) { div.textblock.tmpl_12 h3 { width: 89.438%; } } @media screen and (max-width: 767px) { div.textblock.tmpl_12 h3 { width: 87.538%; } } @media screen and (max-width: 639px) { div.textblock.tmpl_12 h3 { width: 84.538%; } } @media screen and (max-width: 479px) { div.textblock.tmpl_12 h3 { width: 78.238%; font-size: 1.2rem; } } div.textblock.tmpl_12 h3:after { box-shadow: none; background-image: none; background-color: #c4cacd; width: 3rem; } @media screen and (max-width: 479px) { div.textblock.tmpl_12 h3:after { width: 2.3rem; } } div.textblock.tmpl_12 div.balken { position: absolute; background-color: #c4cacd; width: calc(78% - 4.5rem); height: 2.75rem; top: 1.625rem; right: 0; /*before*/ } @media screen and (max-width: 1719px) { div.textblock.tmpl_12 div.balken { width: calc(75% - 4rem); } } @media screen and (max-width: 1599px) { div.textblock.tmpl_12 div.balken { width: calc(70% - 4rem); } } @media screen and (max-width: 1279px) { div.textblock.tmpl_12 div.balken { width: calc(63% - 4rem); } } @media screen and (max-width: 1023px) { div.textblock.tmpl_12 div.balken { display: none; } } div.textblock.tmpl_12 div.balken:before { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; left: -2.75rem; top: 0; width: 2.75rem; background-color: #c4cacd; } div.textblock.tmpl_12 div.angebot { margin-bottom: 1rem; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /* div.img */ } @media screen and (min-width: 768px) { div.textblock.tmpl_12 div.angebot { width: calc( 50% - 0.15rem ); width: -moz-calc( 50% - 0.15rem ); width: -webkit-calc( 50% - 0.15rem ); } } @media screen and (min-width: 1024px) { div.textblock.tmpl_12 div.angebot { width: calc( 33.3333333333% - 0.15rem ); width: -moz-calc( 33.3333333333% - 0.15rem ); width: -webkit-calc( 33.3333333333% - 0.15rem ); } } div.textblock.tmpl_12 div.angebot div.img { display: inline-block; position: relative; width: 100%; /* span.abstand */ /* picture */ } div.textblock.tmpl_12 div.angebot div.img span.abstand { display: block; width: 100%; margin-top: 98.064516129%; } @media screen and (min-width: 768px) { div.textblock.tmpl_12 div.angebot div.img span.abstand { margin-top: 98.1132075472%; } } @media screen and (min-width: 1280px) { div.textblock.tmpl_12 div.angebot div.img span.abstand { margin-top: 49.0566037736%; } } div.textblock.tmpl_12 div.angebot div.img picture { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; /* img */ } div.textblock.tmpl_12 div.angebot div.img picture img { display: block; width: 100%; height: auto; } /* div.textblock */ /* Kalender */ @CHARSET "ISO-8859-1"; /* Test Kalender */ #calendar { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /*.kalenderhead{*/ /*table*/ } #calendar .kalenderHead { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*next, prev*/ /*anzeigeAkt*/ } #calendar .kalenderHead .prev, #calendar .kalenderHead .next { width: calc( 16.6666666667% - 0rem ); width: -moz-calc( 16.6666666667% - 0rem ); width: -webkit-calc( 16.6666666667% - 0rem ); /*margin-top: 6.125rem;*/ margin-top: 4.225rem; text-align: center; padding-top: 0.75rem; } #calendar .kalenderHead .anzeigeAkt { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); font-size: 2rem; text-align: center; /*margin-top: 3.125rem;*/ margin-top: 2.325rem; color: #3988bf; } #calendar table { width: 88.78660%; margin-left: 5.471698%; margin-right: 5.471698%; font-size: 1.375rem; color: #6f6f6e; /*tr*/ /*tr.head*/ } @media screen and (max-width: 1023px) { #calendar table { width: 100%; } } @media screen and (max-width: 767px) { #calendar table { font-size: 1.375rem; margin-left: 2.5%; margin-right: 2.5%; } } @media screen and (max-width: 479px) { #calendar table { font-size: 1rem; } } #calendar table tr { /*td*/ } #calendar table tr td { height: 55px; position: relative; width: 0.1428571429%; /*span.event*/ /*span.event.auswahl*/ /*terminContainer.event*/ /*terminContainer.event.aktiv*/ } #calendar table tr td span.event { background-color: rgba(255, 255, 255, 0.5); border: 1px solid white; border-radius: 50%; height: 38px; width: 38px; line-height: 38px; position: absolute; text-align: center; top: 10px; left: -6px; /*a*/ } @media screen and (max-width: 439px) { #calendar table tr td span.event { background-color: rgba(255, 255, 255, 0.5); border: 1px solid white; border-radius: 100%; height: 25px; left: -6px; line-height: 24px; position: absolute; text-align: center; top: 16px; width: 25px; } } #calendar table tr td span.event a { color: #6f6f6e; text-decoration: none; display: block; height: 100%; width: 100%; } #calendar table tr td span.event.auswahl { border: 1px solid #4ba8d9; background-color: #7bb2d4; } #calendar table tr td .terminContainer.event { display: none; background-color: #4ba8d9; color: white; height: auto; position: absolute; width: 345px; z-index: 101; top: 40px; left: 25px; font-size: 1rem; /*ul*/ /* h3 */ /* h3:after */ } @media screen and (max-width: 479px) { #calendar table tr td .terminContainer.event { width: 300px; } } #calendar table tr td .terminContainer.event ul { list-style: none; padding: 1rem; } #calendar table tr td .terminContainer.event h3 { font-size: 1rem; position: absolute; left: 14px; top: -1.25rem; margin: 0; padding: 0; padding: 0.25rem 1rem; width: calc( 58.3333333333% - 0rem ); width: -moz-calc( 58.3333333333% - 0rem ); width: -webkit-calc( 58.3333333333% - 0rem ); color: white; z-index: 150; } #calendar table tr td .terminContainer.event h3:after { content: ' '; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } #calendar table tr td .terminContainer.event.aktiv { display: block; } #calendar table tr.head { color: #4ba8d9; } /*#calendar*/ /* Templates */ /* tmpl_1*/ body.tmpl_1 { text-align: center; /*h3*/ /*div.kopfInhalt div.maske { height: 8vw; @media screen and (max-width: 1279px){ bottom: 4rem; } @media screen and (max-width: 1023px){ bottom: 17rem; height: 10vw; } }*/ /*div.kopfInhalt div.inhBox*/ /* div.inhalt */ /*Lightgallery*/ /*.lg-outer*/ } body.tmpl_1 .mainNavi, body.tmpl_1 .mainMenu { text-align: left; } body.tmpl_1 div.rahmen h1, body.tmpl_1 div.kopfInhalt div.inhBox div.inh h1, div.kopfInhalt div.inhBox body.tmpl_1 div.inh h1 { display: none; } @media screen and (max-width: 639px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content h3 { white-space: normal; width: 50%; top: -1.75rem; left: 1rem; } } @media screen and (max-width: 479px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content h3 { left: 1rem; } } body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content h3 span { position: relative; width: 100%; z-index: 100; } @media screen and (max-width: 1023px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content h3:after { width: 80px; } } body.tmpl_1 .empty { display: none; } body.tmpl_1 div.kopfInhalt div.inhBox { text-align: left; bottom: 176px; /* 1024 bis 1280 */ /*inh*/ } @media screen and (max-width: 1599px) { body.tmpl_1 div.kopfInhalt div.inhBox { bottom: 0px; } } @media screen and (max-width: 1023px) { body.tmpl_1 div.kopfInhalt div.inhBox { bottom: -280px; } } @media screen and (max-width: 767px) { body.tmpl_1 div.kopfInhalt div.inhBox { bottom: -310px; } } @media screen and (max-width: 639px) { body.tmpl_1 div.kopfInhalt div.inhBox { bottom: -380px; } } @media screen and (max-width: 480px) { body.tmpl_1 div.kopfInhalt div.inhBox { bottom: -510px; } } body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 1650px; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /*content*/ } @media screen and (max-width: 1720px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 700px; } } @media screen and (max-width: 767px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 440px; } } @media screen and (max-width: 480px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh { width: 310px; } } body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding-bottom: 4rem; /*h3*/ } body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content a { text-decoration: underline !important; } body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content div.text { width: calc( 59% - 1rem ); width: -moz-calc( 59% - 1rem ); width: -webkit-calc( 59% - 1rem ); } body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { width: calc( 41% - 0rem ); width: -moz-calc( 41% - 0rem ); width: -webkit-calc( 41% - 0rem ); } body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo img { width: 100%; height: auto; } @media screen and (max-width: 1599px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { padding-top: 1rem; width: 33%; } } @media screen and (max-width: 1599px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { padding-top: 1rem; width: 33%; } } @media screen and (max-width: 1599px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { padding-top: 1rem; width: 33%; } } body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content.empty { padding: 0px; background-color: transparent; min-height: 176px; } @media screen and (max-width: 1599px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content.empty { min-height: 50px; } } @media screen and (max-width: 1023px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content.empty { min-height: 300px; } } @media screen and (max-width: 767px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content.empty { min-height: 310px; } } @media screen and (max-width: 639px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content.empty { min-height: 380px; } } @media screen and (max-width: 480px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content.empty { min-height: 510px; } } @media screen and (min-width: 1024px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content { padding-bottom: 1rem; } } @media screen and (max-width: 1599px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content { width: 50%; } } @media screen and (max-width: 1023px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); font-size: 1rem; } } @media screen and (max-width: 479px) { body.tmpl_1 div.kopfInhalt div.inhBox div.inh div.content { height: auto; padding-top: 3rem; } } body.tmpl_1 div.kopfInhalt div.abstand { margin-top: 37.5%; } @media screen and (max-width: 767px) { body.tmpl_1 div.kopfInhalt div.abstand { margin-top: 64.5%; } } @media screen and (max-width: 1023px) { body.tmpl_1 div.kopfInhalt div.abstand { margin-top: 47.5%; } } @media screen and (max-width: 767px) { body.tmpl_1 div.kopfInhalt div.abstand { margin-top: 64.5%; } } body.tmpl_1 div.inhalt { text-align: left; position: relative; z-index: 90; background-color: white; width: 1650px; margin-top: -100px; height: auto; display: inline-block; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /* div.content */ } @media screen and (max-width: 1720px) { body.tmpl_1 div.inhalt { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_1 div.inhalt { width: 1200px; margin-top: 20px; } } @media screen and (max-width: 1279px) { body.tmpl_1 div.inhalt { width: 980px; margin-top: 20px; } } @media screen and (max-width: 1023px) { body.tmpl_1 div.inhalt { width: 700px; margin-top: 115px; } } @media screen and (max-width: 767px) { body.tmpl_1 div.inhalt { width: 600px; margin-top: 175px; } } @media screen and (max-width: 639px) { body.tmpl_1 div.inhalt { width: 440px; margin-top: 220px; } } @media screen and (max-width: 480px) { body.tmpl_1 div.inhalt { width: 310px; margin-top: 350px; } } body.tmpl_1 div.inhalt.noHeadBox { margin-top: 0; } body.tmpl_1 div.inhalt > div.content { margin-top: 25px; margin-left: 25px; width: 1600px; float: left; height: auto; display: inline-block; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ } @media screen and (max-width: 1720px) { body.tmpl_1 div.inhalt > div.content { width: 1450px; } } @media screen and (max-width: 1599px) { body.tmpl_1 div.inhalt > div.content { width: 1150px; } } @media screen and (max-width: 1279px) { body.tmpl_1 div.inhalt > div.content { width: 930px; } } @media screen and (max-width: 1023px) { body.tmpl_1 div.inhalt > div.content { width: 650px; } } @media screen and (max-width: 767px) { body.tmpl_1 div.inhalt > div.content { width: 560px; margin-left: 20px; margin-top: 35px; } } @media screen and (max-width: 639px) { body.tmpl_1 div.inhalt > div.content { width: 400px; } } @media screen and (max-width: 480px) { body.tmpl_1 div.inhalt > div.content { width: 300px; margin-left: 5px; } } body.tmpl_1 div.inhalt > div.content div.textBlockContainer { position: relative; display: inline-block; width: 100%; padding-bottom: 3rem; } body.tmpl_1 .lg-outer { text-align: left; } body.tmpl_1.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_1.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_1.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_1.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_1.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_1.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_1.grey div.inhalt div.content div.textBlockContainer div.tmpl_10 h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_1.grey div.inhalt div.content div.textBlockContainer div.tmpl_10 h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } /* body.tmpl_1 */ /* tmpl_2 */ body.tmpl_2 { width: 100%; overflow-x: hidden; /*rahmen*/ /*.textBlockContainer*/ /*div.kopfInhalt{*/ /*balken.zeittitel*/ /*footerFullMenu*/ } body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh, body.tmpl_2 .mainNavi, body.tmpl_2 .mainMenu { text-align: left; } body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 1650px; background-color: white; } @media screen and (max-width: 1719px) { body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 760px; } } @media screen and (max-width: 767px) { body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 635px; } } @media screen and (max-width: 639px) { body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 475px; } } @media screen and (max-width: 479px) { body.tmpl_2 .rahmen, body.tmpl_2 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 div.inh { width: 315px; } } body.tmpl_2 footer .rahmen, body.tmpl_2 footer div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_2 footer div.inh { background-color: transparent; } body.tmpl_2 .textBlockContainer { width: 1600px; margin: 0 auto; padding-top: 4.375rem; padding-bottom: 3rem; } @media screen and (max-width: 1719px) { body.tmpl_2 .textBlockContainer { width: 1450px; } } @media screen and (max-width: 1599px) { body.tmpl_2 .textBlockContainer { width: 1150px; } } @media screen and (max-width: 1279px) { body.tmpl_2 .textBlockContainer { width: 930px; } } @media screen and (max-width: 1023px) { body.tmpl_2 .textBlockContainer { width: 750px; padding-top: 0; } } @media screen and (max-width: 767px) { body.tmpl_2 .textBlockContainer { width: 630px; } } @media screen and (max-width: 639px) { body.tmpl_2 .textBlockContainer { width: 470px; } } @media screen and (max-width: 479px) { body.tmpl_2 .textBlockContainer { width: 315px; } } body.tmpl_2 div.kopfInhalt { width: 100%; overflow: hidden; /*abstand*/ /*div.maske*/ /*galerie*/ } body.tmpl_2 div.kopfInhalt div.abstand { margin-top: 41.675%; } @media screen and (max-width: 1023px) { body.tmpl_2 div.kopfInhalt div.abstand { margin-top: 45.498%; } } @media screen and (max-width: 768px) { body.tmpl_2 div.kopfInhalt div.abstand { margin-top: 61.175%; } } body.tmpl_2 div.kopfInhalt div.maske { height: 4.5vw; } body.tmpl_2 div.kopfInhalt div.galerie { /* div.index */ } body.tmpl_2 div.kopfInhalt div.galerie div.galInh { width: calc( 100% - 0.125rem ); width: -moz-calc( 100% - 0.125rem ); width: -webkit-calc( 100% - 0.125rem ); position: absolute; left: 101%; bottom: 1px; display: block; z-index: 10; height: 800px; } body.tmpl_2 div.kopfInhalt div.galerie div.galInh.imgShow { left: 0; } body.tmpl_2 div.kopfInhalt div.galerie a.playbutton { position: absolute; background-color: #93b351; z-index: 500; border-radius: 50%; width: 100px; height: 100px; left: calc(50% - 50px); top: calc(50% - 50px); } @media screen and (max-width: 1279px) { body.tmpl_2 div.kopfInhalt div.galerie a.playbutton { width: 60px; height: 60px; left: calc(50% - 30px); top: calc(50% - 30px); } } body.tmpl_2 div.kopfInhalt div.galerie div.index { position: absolute; z-index: 100; width: 100%; bottom: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* span */ /* span.auswahl:after */ } body.tmpl_2 div.kopfInhalt div.galerie div.index span { position: relative; display: block; width: 1.5rem; height: 1.5rem; border: 1px solid rgba(1, 1, 1, 0.7); background-color: rgba(255, 255, 255, 0.4); margin: 0 0.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; cursor: pointer; } body.tmpl_2 div.kopfInhalt div.galerie div.index span.auswahl:after { position: absolute; content: ' '; background-color: #3988bf; width: 0.75rem; height: 0.75rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; left: 25%; top: 25%; } body.tmpl_2 .balken.transparent { height: 108px; left: 0; position: absolute; top: 605px; width: 100%; z-index: 100; } @media screen and (max-width: 1279px) { body.tmpl_2 .balken.transparent { top: 675px; height: 70px; } } @media screen and (max-width: 1024px) { body.tmpl_2 .balken.transparent { display: none; } } body.tmpl_2 .balken.zeittitel { height: 108px; position: absolute; top: 580px; width: 34.479167%; right: 0.10417%; z-index: 105; /*zeit*/ /*text*/ } @media screen and (max-width: 1279px) { body.tmpl_2 .balken.zeittitel { top: 629px; } } @media screen and (max-width: 1024px) { body.tmpl_2 .balken.zeittitel { display: none; } } body.tmpl_2 .balken.zeittitel .zeit { width: 20.5438%; height: 5.375rem; left: -32px; top: 0; position: absolute; z-index: 1; text-indent: 1.25rem; font-family: 'roboto', sans-serif; font-weight: 200; font-size: 3rem; color: white; line-height: 5rem; } @media screen and (max-width: 1719px) { body.tmpl_2 .balken.zeittitel .zeit { left: -59px; } } @media screen and (max-width: 1599px) { body.tmpl_2 .balken.zeittitel .zeit { left: -195px; top: 10px; font-size: 2.5rem; } } @media screen and (max-width: 1279px) { body.tmpl_2 .balken.zeittitel .zeit { font-size: 2rem; left: -338px; top: 14px; width: 23.844%; } } @media screen and (max-width: 1130px) { body.tmpl_2 .balken.zeittitel .zeit { left: -308px; } } body.tmpl_2 .balken.zeittitel .zeit:after { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; top: 0; right: 0px; background-color: red; width: 5.375rem; z-index: -1; } body.tmpl_2 .balken.zeittitel .text { width: 71.372%; height: 4.875rem; padding-top: 0.5rem; padding-left: 0.3rem; position: absolute; right: 0; bottom: 0; color: white; font-family: 'roboto', sans-serif; font-weight: 300; font-size: 1.4rem; } @media screen and (max-width: 1719px) { body.tmpl_2 .balken.zeittitel .text { width: 76.372%; } } @media screen and (max-width: 1599px) { body.tmpl_2 .balken.zeittitel .text { width: 100%; } } @media screen and (max-width: 1279px) { body.tmpl_2 .balken.zeittitel .text { font-size: 1.4rem; width: 133%; } } body.tmpl_2 .balken.zeittitel .text:before { content: " "; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; height: 100%; position: absolute; top: 0; left: -5.375rem; width: 5.375rem; z-index: -1; } body.tmpl_2 .balken.zeittitel .text p { margin: 0; } body.tmpl_2 .footerFullMenu { width: 96.9696%; margin-left: 1.5151%; background-color: transparent; font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1.1875rem; /*ul.footermain*/ } body.tmpl_2 .footerFullMenu ul.footermain { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*li*/ } body.tmpl_2 .footerFullMenu ul.footermain > li, body.tmpl_2 .footerFullMenu ul.footermain li.first { font-weight: bold; } body.tmpl_2 .footerFullMenu ul.footermain li.first ul li { font-weight: normal; } body.tmpl_2 .footerFullMenu ul.footermain li { /*@include my-box(1.7143,0);*/ } /* body.tmpl_2 */ /* tmpl_3 */ body.tmpl_3 { overflow-x: hidden; width: 100%; /* div.headImgContainer */ /* div.textblockInh */ /*&.blue*/ /*&.grey*/ /*&.brown*/ } body.tmpl_3 div.headImgContainer { position: relative; z-index: 50; /* div.overlay */ /*div.kopfInhalt*/ } body.tmpl_3 div.headImgContainer div.overlay { background-image: url(/images/hg_overlay_head.png); position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 5px; /* img */ } @media screen and (max-width: 1023px) { body.tmpl_3 div.headImgContainer div.overlay { display: none; } } body.tmpl_3 div.headImgContainer div.overlay img { display: block; position: absolute; width: 100%; height: auto; bottom: 0; } body.tmpl_3 div.headImgContainer div.kopfInhalt { position: relative; z-index: 1; display: inline-block; width: 100%; /* div.abstand*/ /* div.inhAsset*/ } body.tmpl_3 div.headImgContainer div.kopfInhalt div.abstand { margin-top: 100%; } @media screen and (min-width: 768px) { body.tmpl_3 div.headImgContainer div.kopfInhalt div.abstand { margin-top: 71.09375%; } } @media screen and (min-width: 1280px) { body.tmpl_3 div.headImgContainer div.kopfInhalt div.abstand { margin-top: 54.1666666667%; } } body.tmpl_3 div.headImgContainer div.kopfInhalt div.inhAsset { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; /* img */ } body.tmpl_3 div.headImgContainer div.kopfInhalt div.inhAsset img { display: block; width: 100%; height: auto; } body.tmpl_3 div.textblockInh { position: absolute; z-index: 70; left: 0; top: 0; width: 100%; height: auto; /* div.textblockCont*/ } @media screen and (max-width: 1023px) { body.tmpl_3 div.textblockInh { position: static; } } body.tmpl_3 div.textblockInh div.textblockCont { position: absolute; display: inline-block; width: 100%; /* div.abstand */ /* div.textBlockContainer */ /* canvas#curve */ } @media screen and (max-width: 1023px) { body.tmpl_3 div.textblockInh div.textblockCont { top: 140px; } } body.tmpl_3 div.textblockInh div.textblockCont div.abstand { margin-top: 100%; } @media screen and (min-width: 768px) { body.tmpl_3 div.textblockInh div.textblockCont div.abstand { margin-top: 71.09375%; } } @media screen and (min-width: 1280px) { body.tmpl_3 div.textblockInh div.textblockCont div.abstand { margin-top: 54.1666666667%; } } @media screen and (max-width: 1023px) { body.tmpl_3 div.textblockInh div.textblockCont div.abstand { margin-top: 80.094%; } } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; /* div.textblock */ /* div.textblock:first-child */ /* div.textblockPointer.aktiv */ } @media screen and (max-width: 1023px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer { overflow: visible; } } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock { position: absolute; z-index: 60; left: 101%; top: 170px; width: 70%; height: 520px; /* div.tmpl_1_1 */ /* div.tmpl_2_1.galerie */ } @media screen and (max-width: 1599px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock { top: 20vh; } } @media screen and (max-width: 1279px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock { top: 14vh; } } @media screen and (max-width: 1023px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock { top: 91vh; margin: 474px auto 0; width: 98%; top: 0; position: static; height: auto; } } @media screen and (max-width: 767px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock { margin-top: 364px; } } @media screen and (max-width: 639px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock { margin-top: 234px; } } @media screen and (max-width: 479px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock { margin-top: 159px; } } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1 { /* &.galerie */ /* div.img*/ /* h3 */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie { position: relative; z-index: 50; overflow: hidden; /* div.img */ /* div.galPrev, div.galNext */ /* div.galPrev */ /* div.galPrev */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galInh { position: absolute; z-index: 10; left: 100%; width: 100%; top: 1.5em; /* &.active */ /* div.txt */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galInh.active { left: 0; } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galInh div.txt { position: absolute; z-index: 45; bottom: 1rem; width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); left: 0; background-color: white; padding: 0 1rem; } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galPrev, body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galNext { position: absolute; z-index: 100; top: 50%; margin-top: -1rem; /* a */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galPrev a, body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galNext a { position: relative; display: block; border: 2px solid white; cursor: pointer; width: calc( 2rem + 4px ); width: -moz-calc( 2rem + 4px ); width: -webkit-calc( 2rem + 4px ); height: calc( 2rem + 4px ); height: -moz-calc( 2rem + 4px ); height: -webkit-calc( 2rem + 4px ); -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; /* &:before */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galPrev a:before, body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galNext a:before { content: ' '; width: 1rem; height: 1rem; border-left: 2px solid white; border-top: 2px solid white; position: absolute; top: calc( 0.5rem + 1px ); top: -moz-calc( 0.5rem + 1px ); top: -webkit-calc( 0.5rem + 1px ); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galPrev { left: 1rem; /* a */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galPrev a { /* &:before */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galPrev a:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: calc( 0.75rem + 1px ); left: -moz-calc( 0.75rem + 1px ); left: -webkit-calc( 0.75rem + 1px ); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galNext { right: 1rem; /* a */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galNext a { /* &:before */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1.galerie div.galNext a:before { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); left: calc( 0.25rem + 1px ); left: -moz-calc( 0.25rem + 1px ); left: -webkit-calc( 0.25rem + 1px ); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1 div.img { width: 100%; } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1 div.img img, body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1 div.img video { display: block; height: 520px; width: auto; margin: 0 auto; } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_1_1 h3 { left: 50%; width: calc( 25% - 0rem ); width: -moz-calc( 25% - 0rem ); width: -webkit-calc( 25% - 0rem ); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_2_1.galerie { /* div.galInh{ */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_2_1.galerie div.galInh { /* div.objTmplInhalt */ } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_2_1.galerie div.galInh div.objTmplInhalt div.img { width: calc( 60% - 0rem ); width: -moz-calc( 60% - 0rem ); width: -webkit-calc( 60% - 0rem ); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock div.tmpl_2_1.galerie div.galInh div.objTmplInhalt div.txt { width: calc( 40% - 2rem ); width: -moz-calc( 40% - 2rem ); width: -webkit-calc( 40% - 2rem ); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblock:first-child { left: 15%; } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer { position: absolute; z-index: 70; left: 0; bottom: 0; content: ' '; background-repeat: no-repeat; background-position: 50% 50%; width: 52px; height: 88px; cursor: pointer; border: 0; padding: 0; margin: 0; transform: translate(-26px, 24px); /*um die EIGENE Haelfte nach links und um Haelfte des Punktes nach unten verschoben*/ } @media screen and (max-width: 1023px) { body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer { display: none; } } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(2) { left: 8.8vw; bottom: 11.8vw; background-image: url(/images/ico/fahne_gruen_01.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(4) { left: 13.35vw; bottom: 12.72vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(6) { bottom: 12.5vw; left: 21.35vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(8) { bottom: 9vw; left: 30.35vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(10) { bottom: 5.7vw; left: 39.35vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(12) { bottom: 3.7vw; left: 48.35vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(14) { bottom: 9.8vw; left: 58.35vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(16) { bottom: 11.5vw; left: 68.35vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(18) { bottom: 10.9vw; left: 77.35vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(20) { left: 85.35vw; bottom: 11.1vw; background-image: url(/images/ico/fe_2.png); } body.tmpl_3 div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer.aktiv { background-image: url(/images/ico_aktiv.png); } body.tmpl_3 div.textblockInh div.textblockCont canvas#curve { position: absolute; z-index: 40; /* z-index: 69; nur zu Testzwecken, um Linienverlauf im Vordergrund zu sehen*/ left: 0; top: 0; width: 100%; height: 100%; left: 0; bottom: 0; pointer-events: none; /*damit transparente Canvas nichts darunter liegendes blockiert*/ } @media screen and (max-width: 1023px) { body.tmpl_3 div.textblockInh div.textblockCont canvas#curve { display: none; } } body.tmpl_3.blue { /*div.textblockInh*/ } body.tmpl_3.blue div.textblockInh { /*div.textblockCont*/ } body.tmpl_3.blue div.textblockInh div.textblockCont { /*div.textBlockContainer*/ } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer { /* div.textblockPointer.aktiv */ } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(2) { background-image: url(/images/ico/fahne_blau_01.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(4) { background-image: url(/images/ico/la_1.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(6) { background-image: url(/images/ico/la_2.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(8) { background-image: url(/images/ico/la_3.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(10) { background-image: url(/images/ico/la_4.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(12) { background-image: url(/images/ico/la_1.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(14) { background-image: url(/images/ico/la_2.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(16) { background-image: url(/images/ico/la_3.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(18) { background-image: url(/images/ico/la_4.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(20) { background-image: url(/images/ico/la_1.png); } body.tmpl_3.blue div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer.aktiv { background-image: url(/images/ico_aktiv_blue.png); } body.tmpl_3.grey { /*div.textblockInh*/ } body.tmpl_3.grey div.textblockInh { /*div.textblockCont*/ } body.tmpl_3.grey div.textblockInh div.textblockCont { /*div.textBlockContainer*/ } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer { /* div.textblockPointer.aktiv */ } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(2) { background-image: url(/images/ico/fahne_grau_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(4) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(6) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(8) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(10) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(12) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(14) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(16) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(18) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer:nth-child(20) { background-image: url(/images/ico/info_icon_01.png); } body.tmpl_3.grey div.textblockInh div.textblockCont div.textBlockContainer div.textblockPointer.aktiv { background-image: url(/images/ico_aktiv_grey.png); } body.tmpl_3.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_3.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; width: 20%; } body.tmpl_3.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_3.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_3.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_3.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } /* body.tmpl_3 */ /* tmpl_4 */ body.tmpl_4 { /*div.kopfInhalt*/ /* div.listAuswahl */ /* div.galerie */ /* a.nextL, a.prevL */ /* a.nextL */ /* a.nextL */ /* div.inhalt */ /*div.fakeScrollBar*/ } body.tmpl_4 div.kopfInhalt { /* div.abstand*/ /* div.inhAsset*/ /*div.inhBox*/ /* div.maske */ } body.tmpl_4 div.kopfInhalt div.abstand { margin-top: 41.675%; } body.tmpl_4 div.kopfInhalt div.inhBox { width: auto; bottom: 355px; margin-left: calc(50% - 825px); /*div.inh*/ } @media screen and (max-width: 1719px) { body.tmpl_4 div.kopfInhalt div.inhBox { margin-left: calc(50% - 750px); bottom: 287px; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.kopfInhalt div.inhBox { bottom: 174px; margin-left: calc(50% - 600px); } } @media screen and (max-width: 1279px) { body.tmpl_4 div.kopfInhalt div.inhBox { bottom: 100px; margin-left: calc(50% - 490px); } } @media screen and (max-width: 1023px) { body.tmpl_4 div.kopfInhalt div.inhBox { bottom: 0; margin-left: calc(50% - 340px); top: 81%; width: auto; } } @media screen and (max-width: 767px) { body.tmpl_4 div.kopfInhalt div.inhBox { bottom: 0; width: 580px; margin-left: calc(50% - 310px); top: 80%; } } @media screen and (max-width: 639px) { body.tmpl_4 div.kopfInhalt div.inhBox { bottom: 0; width: 420px; margin-left: calc(50% - 230px); top: 73%; } } @media screen and (max-width: 479px) { body.tmpl_4 div.kopfInhalt div.inhBox { bottom: 0; width: 260px; margin-left: calc(50% - 150px); top: 63%; } } body.tmpl_4 div.kopfInhalt div.inhBox div.inh { /*div.content*/ } body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content { width: calc(60% - 0); } body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content a { text-decoration: underline !important; } @media screen and (max-width: 479px) { body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content h3 { height: 55px; max-width: 180px; } } @media screen and (max-width: 479px) { body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content h3::after { width: 55px; } } @media screen and (max-width: 1400px) { body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content { width: calc(60% - 0rem); } } @media screen and (max-width: 1100px) { body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content { width: calc(63% - 0rem); } } @media screen and (max-width: 1023px) { body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content { width: calc(70.9% - 0rem); font-size: 1.125rem; } } @media screen and (max-width: 767px) { body.tmpl_4 div.kopfInhalt div.inhBox div.inh div.content { width: calc(100% - 0rem); } } body.tmpl_4 div.kopfInhalt div.maske { height: 12.5vw; } @media screen and (min-width: 768px) { body.tmpl_4 div.kopfInhalt div.maske { height: 14.6484375vw; } } @media screen and (min-width: 1280px) { body.tmpl_4 div.kopfInhalt div.maske { height: 15.625vw; } } body.tmpl_4 div.listAuswahl { margin-top: 2rem; width: 100%; /* a */ } body.tmpl_4 div.listAuswahl a { color: #6f6f6e; text-decoration: none; /* div.listEntry */ /* div.listSelect*/ /*&.eintrag*/ } body.tmpl_4 div.listAuswahl a div.listEntry { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 1.175rem; /* div.bild */ /*div.mtglName{ @include my-box(6, 0.575); @media screen and (max-width:1599px){ width: calc(44% - 0.575rem); } @media screen and (max-width:1279px){ width: calc(36.6% - 0.575rem); } @media screen and (max-width:1023px){ width: calc(35% - 0.575rem); } @media screen and (max-width:767px){ width:calc(100% - 0rem); margin-bottom: 0 !important; } } div.mtglName */ /* div.mtgldOrt */ /*&.listSelect*/ } body.tmpl_4 div.listAuswahl a div.listEntry div.bild { display: flex; text-align: center; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.4); height: 5.375rem; padding: 0.375rem; width: 100%; /*.bildInner*/ /*img{ width: 100%; height: auto; &.hochkant{ width: auto; height: 100%; } } img */ } @media screen and (min-width: 768px) { body.tmpl_4 div.listAuswahl a div.listEntry div.bild { width: calc(34.45% - 1.325rem); } } @media screen and (min-width: 1024px) { body.tmpl_4 div.listAuswahl a div.listEntry div.bild { width: calc(30.45% - 1.325rem); } } @media screen and (min-width: 1280px) { body.tmpl_4 div.listAuswahl a div.listEntry div.bild { width: calc(22.25% - 1.325rem); } } body.tmpl_4 div.listAuswahl a div.listEntry div.bild .bildInner { padding: 0; overflow: hidden; width: 100%; height: 100%; background-color: transparent; } body.tmpl_4 div.listAuswahl a div.listEntry div.bild img { width: auto; height: 100%; } body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt { width: 100%; display: flex; background-color: #e8e8e8; /*@include my-boxContainer(); width: calc(33.363% - 0.575rem); @media screen and (max-width:1279px){ width: calc(33.6% - 0.575rem); } @media screen and (max-width:1023px){ width: calc(31% - 0.575rem); } @media screen and (max-width:767px){ width:calc(100% - 0rem); }*/ /*btnToggle*/ } @media screen and (min-width: 768px) { body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt { width: 65.55%; } } @media screen and (min-width: 1024px) { body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt { width: 69.55%; } } @media screen and (min-width: 1280px) { body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt { width: 77.75%; } } body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt .text-content { font-size: 1.25rem; font-weight: 700; line-height: 1.5; padding: 1rem; width: calc(100% - 5rem); display: flex; justify-content: start; flex-direction: column; margin-bottom: 0; } @media screen and (min-width: 1024px) { body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt .text-content { align-items: center; justify-content: space-between; flex-direction: row; padding-left: 2rem; } } @media screen and (min-width: 1600px) { body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt .text-content { font-size: 1.5rem; } } body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt .btnToggle { width: 5rem; padding: 0; display: flex; justify-content: center; align-items: center; margin-bottom: 0; /*i*/ } body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt .btnToggle i { font-size: 44px; } @media screen and (max-width: 1023px) { body.tmpl_4 div.listAuswahl a div.listEntry div.mtgldOrt .btnToggle i { font-size: 30px; } } body.tmpl_4 div.listAuswahl a div.listEntry.listSelect div { background-color: #4397c9; color: white; } body.tmpl_4 div.listAuswahl a div.listEntry.listSelect div.bild { background-color: white; } body.tmpl_4 div.listAuswahl a div.listSelect { /* div */ } body.tmpl_4 div.listAuswahl a div.listSelect div { /*background-color: #d1d1d1;*/ } @media screen and (min-width: 1024px) { body.tmpl_4 div.listAuswahl a div.listSelect div { margin-bottom: 1.5rem; } } body.tmpl_4 div.listAuswahl a.eintrag { display: none; /*&.anzeige*/ } body.tmpl_4 div.listAuswahl a.eintrag.anzeige { display: block; } body.tmpl_4 .emptyGal { height: 580px; width: 100%; } @media screen and (max-width: 1719px) { body.tmpl_4 .emptyGal { height: 529px; } } @media screen and (max-width: 1599px) { body.tmpl_4 .emptyGal { height: 424px; } } @media screen and (max-width: 1279px) { body.tmpl_4 .emptyGal { height: 348px; } } @media screen and (max-width: 1023px) { body.tmpl_4 .emptyGal { height: 30px; } } body.tmpl_4 div.galerie { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); position: relative; /*min-height: 436px;*/ background-color: transparent; margin-bottom: 2rem; /* @media screen and (max-width:1719px){ min-height: 497px; height: 497px; } @media screen and (max-width:1599px){ min-height: 392px; height: 392px; } @media screen and (max-width:1279px){ min-height: 316px; height: 316px; } @media screen and (max-width:1023px){ min-height: 363px; height: 363px; } @media screen and (max-width:767px){ height: 20rem; min-height: 0; } @media screen and (max-width:639px){ height: 239px; min-height: 239px; } @media screen and (max-width: 479px){ height: 155px; min-height: 155px; width: 100%; }*/ /* h3 */ /* h3:after */ /* div.galContainer */ /* div.index */ } body.tmpl_4 div.galerie h3 { position: absolute; z-index: 30; margin: 0; padding: 0; top: 50px; left: 0; max-width: 33.33333%; padding: 1rem 2rem; background-color: #7a9296; color: white; font-weight: normal; /* span */ /* span.titel */ /* span.text */ } body.tmpl_4 div.galerie h3 span { display: block; position: relative; z-index: 10; } body.tmpl_4 div.galerie h3 span.titel { font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.875rem; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.7); } body.tmpl_4 div.galerie h3 span.text { font-family: 'roboto_condensed', sans-serif; font-weight: 300; font-size: 1.375rem; line-height: 1.125em; } body.tmpl_4 div.galerie h3:after { content: ' '; position: absolute; z-index: 1; right: 0px; top: 0px; height: 100%; width: 14vh; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; background-color: #7a9296; } body.tmpl_4 div.galerie div.galContainer { position: relative; z-index: 20; width: 100%; height: 100%; overflow: hidden; min-height: 140px; /* div.img */ /* div.img.aktiv */ /* div.img.next */ } @media screen and (min-width: 1024px) { body.tmpl_4 div.galerie div.galContainer { width: calc(100% - 2rem); } } body.tmpl_4 div.galerie div.galContainer div.img { position: absolute; left: 101%; top: 0; z-index: 10; width: calc(100% - 2px); height: 100%; text-align: center; /* img */ } body.tmpl_4 div.galerie div.galContainer div.img img { width: 100%; height: auto; border: 1px solid #c9c9c9; } body.tmpl_4 div.galerie div.galContainer div.img img.hochkant { width: auto; height: 100%; } body.tmpl_4 div.galerie div.galContainer div.img.imgShow { left: 0; z-index: 15; } body.tmpl_4 div.galerie div.galContainer div.img.next { z-index: 20; } body.tmpl_4 div.galerie div.index { position: absolute; z-index: 30; width: 100%; bottom: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* span */ /* span.auswahl:after */ } body.tmpl_4 div.galerie div.index span { position: relative; display: block; width: 1.5rem; height: 1.5rem; border: 1px solid rgba(1, 1, 1, 0.7); background-color: rgba(255, 255, 255, 0.4); margin: 0 0.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; cursor: pointer; } body.tmpl_4 div.galerie div.index span.auswahl:after { position: absolute; content: ' '; background-color: #a2c559; width: 0.75rem; height: 0.75rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; left: 25%; top: 25%; } body.tmpl_4 a.nextL, body.tmpl_4 a.prevL { display: block; position: absolute; z-index: 50; width: auto; height: 0; bottom: 0.5rem; } body.tmpl_4 a.prevL { right: 3rem; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; border-right: 1rem solid white; } body.tmpl_4 a.nextL { right: 1rem; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; border-left: 1rem solid white; } body.tmpl_4 div.inhalt { background-color: white; margin: -101px auto 0; min-height: 500px; padding-bottom: 100px; position: relative; width: 1650px; z-index: 90; /*1601 bis 1720*/ /*1281 bis 1600*/ /*1025 bis 1280*/ /*769 bis 1024*/ /*641 bis 768*/ /*481 bis 640*/ /*321 bis 480*/ /* div.content */ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt { margin-top: -56px; width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt { width: 1200px; margin-top: -34px; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt { margin-top: -23px; width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt { margin-left: calc(44.6% - 340px); margin-top: 268px; width: 762px; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt { margin-left: calc(48.7% - 310px); margin-top: 279px; width: 635px; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt { margin-left: calc(48.4% - 230px); margin-top: 357px; width: 475px; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt { margin-left: calc(47.5% - 150px); margin-top: 556px; width: 315px; } } body.tmpl_4 div.inhalt div.content { padding-left: 25px; padding-right: 25px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* div.auswahlAnsicht */ /*div.contentHead*/ /*div.contentHead*/ /* div.objGoogleMaps */ /* div.mitgliedProfil */ } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content { padding-left: 0; padding-right: 0; } } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; /* a */ /* a.map */ /* a.list */ /* a.filter */ /* a.map.aktiv */ /* a.list.aktiv */ /* a.filter.aktiv */ } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a { background-repeat: no-repeat; background-size: 100% auto; position: relative; padding-bottom: 0.75rem; /* img */ } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a img { width: 60px; height: 39px; } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a span { display: block; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 0.75rem; } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a.map { background-image: url(/images/bt_show_map_i.png); } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a.list { background-image: url(/images/bt_show_list_i.png); } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a.filter { background-image: url(/images/bt_show_filter_i.png); margin-left: auto; } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a.map.aktiv { background-image: url(/images/bt_show_map_a.png); } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a.list.aktiv { background-image: url(/images/bt_show_list_a.png); } body.tmpl_4 div.inhalt div.content div.auswahlAnsicht a.filter.aktiv { background-image: url(/images/bt_show_filter_a.png); } body.tmpl_4 div.inhalt div.content div.contentHead { height: 67px; width: 100%; text-align: right; padding-bottom: 1rem; /*showOpt*/ } body.tmpl_4 div.inhalt div.content div.contentHead .showOpt { margin-top: 1rem; width: 100%; float: left; } body.tmpl_4 div.inhalt div.content div.filter { overflow: hidden; height: 0px; width: 100%; text-align: right; position: relative; } body.tmpl_4 div.inhalt div.content div.filter.open { height: 50px; -moz-transition: height 0.25s ease; -webkit-transition: height 0.25s ease; -o-transition: height 0.25s ease; transition: height 0.25s ease; overflow: visible; } body.tmpl_4 div.inhalt div.content div.filter input[type="text"] { border: 1px solid #c9c9c9; border-radius: 0.25rem; height: 1.25rem; width: 20%; } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.filter input[type="text"] { width: 48%; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.filter input[type="text"] { width: calc( 100% - 0.25rem ); width: -moz-calc( 100% - 0.25rem ); width: -webkit-calc( 100% - 0.25rem ); } } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select { width: 20%; margin-top: 0; top: 0; text-align: left; position: absolute; right: 22%; z-index: 200; background-color: white; padding-left: 0.5rem; padding-right: 0.5rem; list-style: none; font-size: 1rem; max-height: 1.5rem; overflow: hidden; border: 1px solid #c9c9c9; border-radius: 0.25rem; } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select { width: 30%; right: 22%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select { width: 48%; left: 0; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select { width: calc( 100% - 1.125rem ); width: -moz-calc( 100% - 1.125rem ); width: -webkit-calc( 100% - 1.125rem ); top: 2.5rem; right: 0; } } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select.open { max-height: 100rem; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select.open li:last-child { padding-bottom: 0.5rem; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select.open li.branche { display: block; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select li a { width: 90%; float: left; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select li a.toggle { width: 10%; text-align: right; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select li a.toggle i { display: none; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select li.aktiv a.toggle i { display: block; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select li.aktiv.branche { display: block; } body.tmpl_4 div.inhalt div.content div.filter ul.branchen_select li.branche { display: none; } body.tmpl_4 div.inhalt div.content div.objGoogleMaps { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 820px; margin-bottom: 2rem; /* span.eintrag */ /* div.infoWin*/ } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.objGoogleMaps { height: 360px; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.objGoogleMaps { height: 300px; } } body.tmpl_4 div.inhalt div.content div.objGoogleMaps span.eintrag { display: none; } body.tmpl_4 div.inhalt div.content div.objGoogleMaps div.customBox { position: absolute; z-index: -1050; } body.tmpl_4 div.inhalt div.content div.objGoogleMaps div.infoWin { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: white; max-width: 400px; z-index: 20; /* div.img */ /* div.txt */ } body.tmpl_4 div.inhalt div.content div.objGoogleMaps div.infoWin div.img { width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); /* img */ /* img */ } body.tmpl_4 div.inhalt div.content div.objGoogleMaps div.infoWin div.img img { display: block; width: 100%; height: auto; } body.tmpl_4 div.inhalt div.content div.objGoogleMaps div.infoWin div.img img.hochkant { display: block; width: auto; height: 100%; } body.tmpl_4 div.inhalt div.content div.objGoogleMaps div.infoWin div.txt { width: calc( 66.6666666667% - 2rem ); width: -moz-calc( 66.6666666667% - 2rem ); width: -webkit-calc( 66.6666666667% - 2rem ); padding: 1rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* div.basisprofil */ /* div.profilAngebote */ /* div.adressData */ /* div.onlLeistungen */ /* div.onlFilialen */ /* div.onlFilialen */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left { width: calc( 66.6666666667% - 0rem ); width: -moz-calc( 66.6666666667% - 0rem ); width: -webkit-calc( 66.6666666667% - 0rem ); position: relative; /* .galerie{ @media screen and (max-width:479px){ min-height:0; height:153px; } } /*&.mitgliedGalerie{ &>.galerie { padding-bottom: 3.5rem; height: 174px; background-color: white; margin-left: 0.5rem; @include my-width('100% - 1rem'); @media screen and (min-width:480px) { //height: 240px; } @media screen and (min-width:640px) { height: 240px; } @media screen and (min-width:768px) { height: 364px; margin-left: 0rem; } @media screen and (min-width:1024px) { padding-bottom: 0rem; height: 316px; } @media screen and (min-width:1280px) { height: 392px; } @media screen and (min-width:1800px) { height: 500px; } img{ @include my-width('100% - 2px'); } }//.galerie }//.mitgliedGalerie*/ } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); order: 2; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container { width: 100%; flex-direction: column; display: flex; justify-content: start; } @media screen and (min-width: 1024px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container { width: calc(100% - 2rem); } } @media screen and (min-width: 1600px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container { flex-direction: row; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container { flex: 0 0 calc(100% - 2rem); display: flex; flex-direction: column; font-size: 1.125rem; padding: 0 1rem; } @media screen and (min-width: 1600px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container { flex: 0 0 calc(57% - 2rem); } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container a { color: black; text-decoration: none !important; font-weight: initial; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container a:hover { text-decoration: underline !important; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container .highlight { font-weight: bold; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container .bottom-left { display: flex; margin-top: 0.5rem; padding-bottom: 1.5rem; flex-wrap: wrap; justify-content: center; } @media screen and (min-width: 1024px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container .bottom-left { justify-content: start; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container .bottom-left .button { margin-top: 1rem; width: 45px; height: 45px; border-radius: 50%; display: block; line-height: 45px; text-align: center; text-decoration: none !important; border: 1px solid #808080; font-size: 1rem; color: #808080; margin-right: 1rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container .bottom-left .button:hover { background-color: #a2c559; border-color: #a2c559; color: white; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .left-container .bottom-left .button img { width: 30px; height: auto; margin-top: 0.5em; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .right-container { flex: 0 0 100%; display: flex; flex-direction: column; } @media screen and (min-width: 1600px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .right-container { flex: 0 0 43%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .right-container .link-button { position: relative; padding: 0.6rem 1rem 0.6rem 7rem; line-height: 2.1; background-color: #a2c559; margin-bottom: 0.625rem; font-size: calc(1rem + 0.7vw); text-decoration: none !important; color: white; } @media screen and (min-width: 1024px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .right-container .link-button { font-size: calc(1rem + 0.7vw); } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.left .bottom-container .right-container .link-button:before { content: ''; position: absolute; left: 2rem; top: 0; width: 2.125rem; height: 100%; background-image: url("/images/pfeil.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.right { width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); position: relative; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.right .adressData { margin-top: auto; } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.right { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); order: 1; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); position: relative; padding: 0; padding-left: 1rem; padding-right: 1rem; margin: 0; margin-bottom: 1.5rem; overflow: hidden; color: #6f6f6e; font-family: 'roboto', sans-serif; font-weight: 300; font-size: 1rem; /* div.profilLogo */ /* h2 */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilLogo { /*border-top: 3px solid #d0d0d0; border-bottom: 3px solid #d0d0d0; background-color: #d0d0d0;*/ background-color: white; overflow: hidden; border: 1px solid #c6c6c6; display: none; /*@media screen and (max-width:1599px){ height: 5.25rem; } @media screen and (max-width:1279px){ height: 4.25rem; } @media screen and (max-width: 1023px){ display: none; }*/ /*.logoPadding*/ } @media screen and (min-width: 1024px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilLogo { display: block; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilLogo div.logoPadding { background-color: white; padding: 0.375rem; width: calc(100% - 0.75rem); height: auto; display: flex; justify-content: center; align-items: center; /* img */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilLogo div.logoPadding img { display: block; height: auto; width: auto; max-width: 100%; max-height: 7.5rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container { overflow-y: auto; padding-right: 1rem; } @media screen and (min-width: 1280px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container { max-height: 46rem; } } @media screen and (min-width: 1600px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container { max-height: 40rem; } } @media screen and (min-width: 1720px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container { max-height: 36rem; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text { max-height: 12em; overflow: hidden; line-height: 1.25; } @media screen and (min-width: 1024px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text { max-height: 38.2rem; } } @media screen and (min-width: 1280px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text { max-height: none; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text.show-all { max-height: none; padding-bottom: 3rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text p { margin-top: 0; margin-bottom: 1em; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text ol, body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text ul { padding-left: 1.25em; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-container .text strong { font-weight: bold; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-more { padding-top: 0.65em; background: white; background: linear-gradient(0deg, white 0%, white 30%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: 0; left: 0; width: calc(100% - 2rem); height: 5rem; display: flex; align-items: end; flex-direction: column; justify-content: end; padding-left: 1rem; padding-right: 1rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-more.show-all { height: 3rem; } @media screen and (min-width: 1280px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil .text-more { display: none; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil h2 { margin: 0; padding: 0; margin-top: 1rem; margin-bottom: 1rem; margin-left: 0.25rem; font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.25rem; color: #4397c9; } @media screen and (min-width: 1024px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil h2 { font-size: 1.5rem; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung { /*margin-left: 0.4375rem;*/ /*@include my-box(12, 0.4375);*/ width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 22.8rem; position: relative; /*div.scrollContent*/ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung { height: 19.8rem; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung { height: 15.25rem; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung { height: 11.4rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung { height: auto; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung div.txt_full { padding-bottom: 3rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung div.scrollContent { right: -4px; width: 105%; /* .fkeScrollContent */ } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung div.scrollContent { right: -15px; width: 100%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil div.profilBeschreibung div.scrollContent .fkeScrollContent { padding-bottom: 3rem; margin-right: 2rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung { height: 51.85rem; width: 100%; /*profilBeschreibung */ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung { height: 48.75rem; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung { height: 42.125rem; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung { height: 37.4rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung { height: auto; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung div.profilBeschreibung { /*height: 49.25rem;*/ height: 41rem; } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung div.profilBeschreibung { height: 37.5rem; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung div.profilBeschreibung { height: 32.75rem; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung div.profilBeschreibung { height: 27.25rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.leistung div.profilBeschreibung { height: auto; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot { height: 51.9rem; /*profilBeschreibung */ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot { height: 48.75rem; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot { height: 42.125rem; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot { height: 37.4rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot { height: auto; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot div.profilBeschreibung { height: 41.05rem; } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot div.profilBeschreibung { height: 37.5rem; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot div.profilBeschreibung { height: 32.75rem; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot div.profilBeschreibung { height: 27.25rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebot div.profilBeschreibung { height: auto; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung { /*height: 78.1rem;*/ height: 69.5rem; /*profilBeschreibung */ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung { height: 66.25rem; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung { height: 59.75rem; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung { height: 55rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung { height: auto; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung { margin-bottom: 135px; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung div.profilBeschreibung { height: 58.65rem; } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung div.profilBeschreibung { height: 55rem; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung div.profilBeschreibung { height: 50.5rem; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung div.profilBeschreibung { height: 44.75rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.basisprofil.angebotleistung div.profilBeschreibung { height: auto; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote { /*@include my-box(8, 1);*/ width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); position: relative; margin-bottom: 2rem; background-color: #e8e9e6; height: 250px; /* div.angebotContainer */ } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote { width: 100%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote.leer { background-color: transparent; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer { position: relative; overflow: hidden; width: 100%; height: 100%; /* div.eintrag */ /* div.eintrag:firt-child */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag { position: absolute; left: 101%; top: 0; width: 100%; height: 15.625rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-flow: column wrap; /* div.details */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left { width: 25%; /* div.bilder */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left div.bilder { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 5.375rem; /* div.galerie */ } @media screen and (min-width: 768px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left div.bilder { height: 6.375rem; } } @media screen and (min-width: 1440px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left div.bilder { height: 7.375rem; } } @media screen and (min-width: 1600px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left div.bilder { height: 9.375rem; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left div.bilder div.galerie { width: 100%; height: 100%; min-height: auto; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left .datum { width: 100%; height: auto; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left .datum .datum_rahmen { font-size: 1rem; margin-left: 5%; margin-top: 0.6rem; overflow: hidden; padding: 0.5rem; width: calc(90% - 1rem); text-align: center; height: auto; /*preis*/ /*gueltig*/ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left .datum .datum_rahmen { font-size: 1rem; margin: 0rem auto 0; overflow: hidden; padding: 0rem; text-align: center; width: 100%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left .datum .datum_rahmen .preis { font-size: 1rem; margin-top: 0.5rem; color: red; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.box_left .datum .datum_rahmen .gueltig { color: #6f6f6e; margin-top: 0.25rem; font-size: 0.8rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details { /*@include my-box(9,2);*/ /*margin: 1rem;*/ height: 14rem; position: relative; color: #6f6f6e; margin: 1rem 2rem 1rem 0.9rem; width: calc(75% - 5.2rem); /* &.fakeScroll */ /*div.datum{ @include font-roboto(300); @include font-px2rem(12); } /* div.datum */ /* h3 */ /* div.txt */ /* div.preis */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details.fakeScroll { /* h3 */ /* div.txt */ /* div.fkeScrollContent */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details.fakeScroll h3 { padding-left: 18px; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details.fakeScroll div.txt { padding-left: 18px; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details.fakeScroll div.scrollContent { /* h3 */ /* div.txt */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details.fakeScroll div.scrollContent h3 { padding-left: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details.fakeScroll div.scrollContent div.txt { padding-left: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details div.fakeScrollBar { background-color: white; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details h3 { font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.375rem; margin: 0; padding-left: 18px; padding: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details div.txt { font-family: 'roboto', sans-serif; font-weight: 400; font-size: 1rem; padding-left: 18px; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag div.details div.preis { font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.875rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.profilAngebote div.angebotContainer div.eintrag:first-child { left: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData { width: calc( 33.3333333333% - 1rem ); width: -moz-calc( 33.3333333333% - 1rem ); width: -webkit-calc( 33.3333333333% - 1rem ); position: relative; min-height: 240px; margin-bottom: 2rem; border: 1px solid #71878b; /* div.tab */ /* div.tab:nth-child(1) */ /* div.tab:nth-child(2) */ /* div.tab:nth-child(3) */ /*.filiale*/ /*.basis*/ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab1 h4 { width: 5%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab1 h4 { width: 7%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab1 h4 { width: 6%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab1 h4 { width: 7%; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab1 h4 { width: 6%; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab1 h4 { width: 35%; } } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab2 h4 { width: 12%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab2 h4 { width: 16%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab2 h4 { width: 16%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab2 h4 { width: 19%; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab2 h4 { width: 17%; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab2 h4 { width: 35%; } } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 h4 { width: 10%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 h4 { width: 11%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 h4 { width: 10%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 h4 { width: 12%; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 h4 { width: 11%; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 h4 { width: 35%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 .eintrag { float: left; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 .eintrag i { width: 25px; float: left; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab3 .eintrag a { display: block; width: calc( 100% - 27px ); width: -moz-calc( 100% - 27px ); width: -webkit-calc( 100% - 27px ); float: left; } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab4 h4 { width: 11%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab4 h4 { width: 15%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab4 h4 { width: 14%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab4 h4 { width: 17%; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab4 h4 { width: 15%; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab4 h4 { width: 35%; } } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab5 h4 { width: 10%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab5 h4 { width: 11%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab5 h4 { width: 13%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab5 h4 { width: 13%; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab5 h4 { width: 11%; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab5 h4 { width: 35%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab6 div.tabInhalt { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); padding-right: 1rem; padding-left: 1rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab6 div.tabInhalt div.text { height: 80%; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab6 div.tabInhalt div.text a { font-weight: bold; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab6 div.tabInhalt div.link { height: 20%; text-align: right; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #miscTab6 div.tabInhalt div.link a.stellenlink i { font-size: 3rem; } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab1 h4 { width: 10%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab1 h4 { width: 17%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab1 h4 { width: 15%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab1 h4:after { display: block; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab1 h4:after { display: none; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab1 h4 { width: 43%; } } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4 { width: 18%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4 { width: 27%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4 { width: 24%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4:after { display: block; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4:before { display: block; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4:after { display: none; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4:before { display: none; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab2 h4 { width: 43%; } } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4 { width: 18%; } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4 { width: 21%; } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4 { width: 19%; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4:after { display: block; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4:before { display: block; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4:after { display: none; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4:before { display: none; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData #adrTab3 h4 { width: 43%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab { position: absolute; left: 0; bottom: 0; padding: 1rem; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); height: calc(100% - 3rem ); height: -moz-calc(100% - 3rem ); height: -webkit-calc( 100% - 3rem ); z-index: 50; /*&.active*/ /* h4 */ /* h4:after */ /* h4.aktiv */ /* h4.aktiv:after */ /* h4.aktiv:after */ /* div.tabInhalt*/ /* div.tabInhalt.show*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab.active { z-index: 60; /*div.tabInhalt*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4 { position: absolute; z-index: 20; margin: 0; padding: 0.5rem 1rem; font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.0625rem; left: 10px; top: -2rem; background-color: #839ea4; color: white; cursor: pointer; /* span */ } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4 { font-size: 0.85rem; } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4 { font-size: 1.0625rem; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4 { font-size: 0.85rem; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4 { font-size: 1.0625rem; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4 span { display: block; position: relative; z-index: 10; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4:before { content: ' '; position: absolute; z-index: 1; left: 0px; top: 0px; height: 100%; width: 40px; -webkit-transform: skewx(-45deg) translatex(-40px); -moz-transform: skewx(-45deg) translatex(-40px); -ms-transform: skewx(-45deg) translatex(-40px); transform: skewx(-45deg) translatex(-40px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; background-color: #839ea4; } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4:before { display: none; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4:after { content: ' '; position: absolute; z-index: 1; right: 0px; top: 0px; height: 100%; width: 40px; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; background-color: #839ea4; } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4:after { display: none; } } @media screen and (max-width: 639px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4:after { display: block; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4.aktiv { z-index: 30; background-color: #71878b; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4.aktiv:before { background-color: #71878b; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab h4.aktiv:after { background-color: #71878b; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt { display: none; padding-top: 2rem; z-index: 50; color: #6f6f6e; /* div.social*/ /* div.downloads */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social { position: absolute; left: 0; bottom: 1rem; width: 100%; z-index: 30; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; /* a */ } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social { height: 1.875rem; position: relative; margin-top: 2rem; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social { height: 4rem; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a { color: #6f6f6e; background-repeat: no-repeat; background-size: 100% 100%; background-position: 50% 50%; margin-left: 1rem; /* img */ } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a { margin-top: 0.5rem; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a img { width: 30px; height: 30px; display: block; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_1 { background-image: url(/images/ico_social_1.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_2 { background-image: url(/images/ico_social_2.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_3 { background-image: url(/images/ico_social_3.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_4 { background-image: url(/images/ico_social_4.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_5 { background-image: url(/images/ico_social_5.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_6 { background-image: url(/images/ico_social_6.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_7 { background-image: url(/images/ico_social_7.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_8 { background-image: url(/images/ico_social_8.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_9 { background-image: url(/images/ico_social_9.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.social a.scmed_10 { background-image: url(/images/ico_social_10.png); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; /* a */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a { display: block; text-align: center; text-decoration: none; color: #6f6f6e; width: 25%; overflow: hidden; /* i */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt div.downloads a i { display: block; font-size: 3rem; color: #d0d0d0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab div.tabInhalt.show { display: block; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab:nth-child(1) { /* h4 */ /* h4 */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab:nth-child(1) h4:before { display: none; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab:nth-child(2) { /* h4 */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab:nth-child(2) h4 { left: 150px; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab:nth-child(3) { /* h4 */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData div.tab:nth-child(3) h4 { left: 320px; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale { width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); min-height: 380px; /*.tab*/ /*div.galerie*/ /*div.details*/ /*#miscTab3*/ /*#miscTab4*/ /*#miscTab5*/ } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale { border: 0; width: calc(100% - 1.25rem); } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale { max-height: none; height: 600px; width: calc(100% - 0); } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab { width: calc( 100% - 0.6rem ); width: -moz-calc( 100% - 0.6rem ); width: -webkit-calc( 100% - 0.6rem ); padding-left: 0.6rem; padding-top: 0rem; padding-bottom: 0.6rem; height: calc(100% - 1.5rem); /*h4:after / before*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab .tabInhalt { height: calc(100% - 1.75rem); } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab h4::after, body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab h4::before { z-index: -1; } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab { display: inline-block; width: calc(100% - 1.5rem); height: auto; float: left; margin-top: 1rem; margin-bottom: 2rem; border: 1px solid #71878b; margin-left: 0.4rem; position: relative; /*.tabInhalt{*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab .tabInhalt { display: block; position: relative; width: 100%; float: left; height: auto; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab h4 { left: 10px !important; top: -1rem; background-color: #839ea4 !important; width: 50% !important; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab h4:after { display: block; background-color: #839ea4; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.tab { /*padding-top:7.9rem;*/ } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.galerie { background-color: white; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale div.details { background-color: white; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale .prevL { border-right: 1rem solid #e8e8e8; right: 2rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale .nextL { border-left: 1rem solid #e8e8e8; right: 0rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale .fakeScrollBar { right: 3.5rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab3 { /*eintrag*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab3 .eintrag { margin-bottom: 0.5rem; width: 100%; /*i*/ /*a*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab3 .eintrag i { color: #6f6f6e; vertical-align: bottom; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab3 .eintrag a { font-weight: 700; font-size: 1rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab4 { /*tabInhalt*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab4 .tabInhalt { padding: 1rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab5 { /*Speisekarte*/ /*tabInhalt*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab5 .tabInhalt { /*container*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab5 .tabInhalt .container { padding: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*.eintrag*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab5 .tabInhalt .container .eintrag { margin-bottom: 2rem; overflow: hidden; width: calc( 25% - 0rem ); width: -moz-calc( 25% - 0rem ); width: -webkit-calc( 25% - 0rem ); /*a*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab5 .tabInhalt .container .eintrag a { color: #6f6f6e; display: block; overflow: hidden; text-align: center; text-decoration: none; /*i*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.filiale #miscTab5 .tabInhalt .container .eintrag a i { color: #d0d0d0; display: block; font-size: 3rem; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis { width: calc( 100% - 0.125rem ); width: -moz-calc( 100% - 0.125rem ); width: -webkit-calc( 100% - 0.125rem ); min-height: 380px; position: relative; bottom: 0; /*min-height: 450px;*/ /*tab*/ } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis { border: 0; width: calc(100% - 1.25rem); } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); /*h4 after / before */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab h4::after, body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab h4::before { z-index: -1; } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab { display: inline-block; width: calc(100% - 1.5rem); height: auto; float: left; margin-top: 1rem; margin-bottom: 2rem; border: 1px solid #71878b; margin-left: 0.4rem; position: relative; /*.tabInhalt{*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab .tabInhalt { display: block; position: relative; width: 100%; float: left; height: auto; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab h4 { left: 10px !important; top: -1rem; background-color: #839ea4 !important; width: 50% !important; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab h4:after { display: block; background-color: #839ea4; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.adressData.basis div.tab h4:before { display: none !important; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen { width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); position: relative; margin-bottom: 2rem; background-color: #e8e9e6; min-height: 250px; height: 250px; /*div.galerie*/ /* div.leistungContainer */ } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen { height: 380px; } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen { min-height: none; height: 40rem; width: 100%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie { /*div.index*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index { bottom: -2rem; /*span.ind*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index span.ind { width: 1rem; height: 1rem; background-color: #a2c559; /*&.auswahl*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index span.ind.auswahl { /*&:after*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index span.ind.auswahl:after { width: 0.5rem; height: 0.5rem; background-color: white; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer { position: relative; overflow: hidden; width: 100%; height: 100%; /* div.eintrag */ /* div.eintrag.aktiv */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag { position: absolute; z-index: 20; left: 101%; top: 0; width: 100%; height: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; justify-content: start; /* div.bilder */ /* div.details */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.bilder { width: calc( 25% - 0rem ); width: -moz-calc( 25% - 0rem ); width: -webkit-calc( 25% - 0rem ); height: auto; max-height: 9.375rem; text-align: center; /* div.galerie */ } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.bilder { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 160px; max-height: none; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.bilder > img { width: auto; height: 100%; } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.bilder > img { max-width: 160px; max-height: 150px; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.bilder div.galerie { width: 100%; height: 100%; min-height: auto; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details { height: 13.5625rem; padding-left: 1rem; padding-top: 1rem; position: relative; width: calc(66.8% - 0rem); color: #6f6f6e; /* h4 */ } @media screen and (max-width: 1719px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details { width: calc(66%); } } @media screen and (max-width: 1599px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details { width: calc(63.8% - 0rem); } } @media screen and (max-width: 1279px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details { width: calc(61.0% - 0rem); } } @media screen and (max-width: 1023px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details { height: 364px; } } @media screen and (max-width: 767px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details { width: calc(59.6% - 0 rem); } } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details { margin-top: 24px; width: calc(100% - 2rem); } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details h4 { margin: 0; padding: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag div.details div.fakeScrollBar { background-color: white; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.leistungContainer div.eintrag.aktiv { left: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlAnsprechpartner { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); position: relative; margin-bottom: 2rem; background-color: white; min-height: 315px; /* div.leistungContainer */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlAnsprechpartner div.ansprContainer { position: relative; overflow: hidden; width: 100%; height: 100%; min-height: 19rem; /* div.eintrag */ /* div.eintrag.aktiv */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlAnsprechpartner div.ansprContainer div.eintrag { position: absolute; z-index: 20; left: 101%; top: 0; width: 100%; height: calc(100% - 4rem); color: #6f6f6e; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*p.kontakt*/ /*.beschreibung */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlAnsprechpartner div.ansprContainer div.eintrag p.kontakt { margin-left: 5%; margin-bottom: 0; width: 90%; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlAnsprechpartner div.ansprContainer div.eintrag p.kontakt.name { font-weight: bold; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlAnsprechpartner div.ansprContainer div.eintrag .beschreibung { margin-top: 1rem; margin-left: 5%; min-height: 5rem; width: 80%; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlAnsprechpartner div.ansprContainer div.eintrag.aktiv { left: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen { width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); position: relative; margin-bottom: 2rem; background-color: white; min-height: 315px; /*div.galerie*/ /* div.leistungContainer */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie { /*div.index*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index { bottom: -2rem; /*span.ind*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index span.ind { width: 1rem; height: 1rem; background-color: #a2c559; /*&.auswahl*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index span.ind.auswahl { /*&:after*/ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index span.ind.auswahl:after { width: 0.5rem; height: 0.5rem; background-color: white; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer { position: relative; overflow: hidden; width: 100%; height: 100%; min-height: 19rem; /* div.eintrag */ /* div.eintrag.aktiv */ } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer { height: auto; min-height: none; width: 100%; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag { position: absolute; z-index: 20; left: 101%; top: 0; width: 100%; /*height: calc(100% - 4rem);*/ height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; justify-content: flex-start; /* div.bilder */ /* div.details */ } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag { position: relative; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.bilder { width: calc( 25% - 0rem ); width: -moz-calc( 25% - 0rem ); width: -webkit-calc( 25% - 0rem ); height: auto; /*min-height: 380px;*/ max-height: 9.375rem; /* div.galerie */ } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.bilder { height: 8.675rem; width: calc(100% - 0.1rem); } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.bilder div.galerie { width: 100%; height: 100%; min-height: auto; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.details { width: calc( 70% - 2rem ); width: -moz-calc( 70% - 2rem ); width: -webkit-calc( 70% - 2rem ); padding: 1rem; padding-top: 0; color: #6f6f6e; /* h4 */ /* h5 */ } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.details h4 { margin: 0; padding: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.details h5 { font-size: 1.25rem; margin-top: 0; } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.details p.addr { margin-bottom: 0; margin-top: 0.5rem; } @media screen and (max-width: 479px) { body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag div.details { width: 100%; padding-right: 0.25rem; } } body.tmpl_4 div.inhalt div.content div.mitgliedProfil div.onlFilialen div.filialContainer div.eintrag.aktiv { left: 0; } body.tmpl_4 div.fakeScrollBar { right: 2px; background-color: #e8e8e8; border: 1px solid #e8e8e8; z-index: 100; /*fakescroll-grabbed*/ } body.tmpl_4 div.fakeScrollBar.fakescroll-grabbed { border: 1px solid #c9c9c9; background-color: #c9c9c9 !important; } body.tmpl_4.blue { /*div.inhalt*/ /*div.galerie*/ /*inhalt*/ } body.tmpl_4.blue div.inhalt { /*div.content*/ } body.tmpl_4.blue div.inhalt div.content { /*div.auswahlAnsicht*/ } body.tmpl_4.blue div.inhalt div.content div.auswahlAnsicht { /* a.map.aktiv */ /* a.list.aktiv */ /* a.filter.aktiv */ } body.tmpl_4.blue div.inhalt div.content div.auswahlAnsicht a.map.aktiv { background-image: url(/images/bt_show_map_blue.png); } body.tmpl_4.blue div.inhalt div.content div.auswahlAnsicht a.list.aktiv { background-image: url(/images/bt_show_list_blue.png); } body.tmpl_4.blue div.inhalt div.content div.auswahlAnsicht a.filter.aktiv { background-image: url(/images/bt_show_filter_blue.png); } body.tmpl_4.blue div.galerie { /*div.index*/ } body.tmpl_4.blue div.galerie div.index { /*span.auswahl::after*/ } body.tmpl_4.blue div.galerie div.index span.auswahl::after { background-color: #3988bf; } body.tmpl_4.blue div.inhalt { /*div.content*/ } body.tmpl_4.blue div.inhalt div.content { /*div.mitgliedProfil*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil { /*div.onlLeistungen*/ /*div.onlFilialen*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil a { text-decoration: underline !important; } @media screen and (max-width: 479px) { body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil { margin-bottom: 4rem; } } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlLeistungen { /*div.galerie*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie { /*div.index*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index { /*span.ind*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index span.ind { background-color: #3988bf; margin-bottom: 0.5rem; } @media screen and (max-width: 1279px) { body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index { bottom: 0rem; } } @media screen and (max-width: 1023px) { body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index { bottom: -1rem; } } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlFilialen { /*div.galerie*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie { /*div.index*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index { /*span.ind*/ } body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index span.ind { background-color: #3988bf; margin-bottom: 0.5rem; } @media screen and (max-width: 1279px) { body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index { bottom: 0rem; } } @media screen and (max-width: 1023px) { body.tmpl_4.blue div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index { bottom: -1rem; } } body.tmpl_4.grey { /*div.inhalt*/ /*div.galerie*/ /*inhalt*/ } body.tmpl_4.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_4.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_4.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_4.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_4.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_4.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_4.grey div.inhalt { /*div.content*/ } body.tmpl_4.grey div.inhalt div.content { /*div.auswahlAnsicht*/ } body.tmpl_4.grey div.inhalt div.content div.auswahlAnsicht { /* a.map.aktiv */ /* a.list.aktiv */ /* a.filter.aktiv */ } body.tmpl_4.grey div.inhalt div.content div.auswahlAnsicht a.map.aktiv { background-image: url(/images/bt_show_map_grey.png); } body.tmpl_4.grey div.inhalt div.content div.auswahlAnsicht a.list.aktiv { background-image: url(/images/bt_show_list_grey.png); } body.tmpl_4.grey div.inhalt div.content div.auswahlAnsicht a.filter.aktiv { background-image: url(/images/bt_show_filter_grey.png); } body.tmpl_4.grey div.galerie { /*div.index*/ } body.tmpl_4.grey div.galerie div.index { /*span.auswahl::after*/ } body.tmpl_4.grey div.galerie div.index span.auswahl::after { background-color: #7a9296; } body.tmpl_4.grey div.inhalt { /*div.content*/ } body.tmpl_4.grey div.inhalt div.content { /*div.mitgliedProfil*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil { /*div.onlLeistungen*/ /*div.onlFilialen*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlLeistungen { /*div.galerie*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie { /*div.index*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index { /*span.ind*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlLeistungen div.galerie div.index span.ind { background-color: #7a9296; } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlFilialen { /*div.galerie*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie { /*div.index*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index { /*span.ind*/ } body.tmpl_4.grey div.inhalt div.content div.mitgliedProfil div.onlFilialen div.galerie div.index span.ind { background-color: #7a9296; } @media screen and (max-width: 1023px) { body.tmpl_4 footer { margin-top: -70px; } } /* body.tmpl_3 */ /* tmpl_5 */ body.tmpl_5 { /*div.kopfInhalt*/ /* a.nextL, a.prevL */ /* a.nextL */ /* a.nextL */ /* div.inhalt */ /*blue*/ /*blue*/ /*grey*/ /*&.brown*/ } body.tmpl_5 div.kopfInhalt { /* div.abstand*/ /* div.inhAsset*/ /* div.maske */ } body.tmpl_5 div.kopfInhalt div.abstand { margin-top: 41.675%; } body.tmpl_5 div.kopfInhalt div.maske { height: 12.5vw; } @media screen and (min-width: 768px) { body.tmpl_5 div.kopfInhalt div.maske { height: 14.6484375vw; } } @media screen and (min-width: 1280px) { body.tmpl_5 div.kopfInhalt div.maske { height: 15.625vw; } } body.tmpl_5 a.nextL, body.tmpl_5 a.prevL { display: block; position: absolute; z-index: 50; width: auto; height: auto; bottom: 0.5rem; } body.tmpl_5 a.prevL { right: 3rem; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; border-right: 1rem solid white; } body.tmpl_5 a.nextL { right: 1rem; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; border-left: 1rem solid white; } body.tmpl_5 div.inhalt { position: relative; z-index: 90; background-color: white; width: 1650px; min-height: 500px; margin-top: -300px; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /* div.content */ } @media screen and (max-width: 1720px) { body.tmpl_5 div.inhalt { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_5 div.inhalt { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_5 div.inhalt { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt { width: 700px; margin-top: -10px; } } @media screen and (max-width: 767px) { body.tmpl_5 div.inhalt { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_5 div.inhalt { width: 440px; margin-top: 0px; } } @media screen and (max-width: 480px) { body.tmpl_5 div.inhalt { width: 310px; margin-top: 17px; } } body.tmpl_5 div.inhalt .textBlockContainer .textblock .tmpl_1_1 { margin-top: -90px; } body.tmpl_5 div.inhalt div.content { position: relative; z-index: 50; margin-top: -150px; padding-left: 25px; padding-right: 25px; padding-top: 41px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /*div.contentHead*/ /*div.contentHead*/ /*.textBlockContainer*/ /*listeVeranstaltungen*/ } @media screen and (max-width: 1720px) { body.tmpl_5 div.inhalt div.content { width: 1450px; } } @media screen and (max-width: 1599px) { body.tmpl_5 div.inhalt div.content { width: 1150px; } } @media screen and (max-width: 1279px) { body.tmpl_5 div.inhalt div.content { width: 930px; } } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content { width: 650px; } } @media screen and (max-width: 767px) { body.tmpl_5 div.inhalt div.content { width: 560px; margin-left: 0px; } } @media screen and (max-width: 639px) { body.tmpl_5 div.inhalt div.content { width: 400px; } } @media screen and (max-width: 480px) { body.tmpl_5 div.inhalt div.content { margin-left: 0px; width: 300px; padding-left: 5px; } } body.tmpl_5 div.inhalt div.content div.contentHead { height: 67px; width: 100%; text-align: right; } body.tmpl_5 div.inhalt div.content div.filter { overflow: hidden; height: 0px; width: 100%; text-align: right; } body.tmpl_5 div.inhalt div.content div.filter.open { height: 50px; -moz-transition: height 0.25s ease; -webkit-transition: height 0.25s ease; -o-transition: height 0.25s ease; transition: height 0.25s ease; } body.tmpl_5 div.inhalt div.content div.filter input[type="text"] { border: 1px solid #c9c9c9; border-radius: 0.25rem; height: 1.25rem; width: 20%; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content div.filter input[type="text"] { width: 50%; } } @media screen and (max-width: 767px) { body.tmpl_5 div.inhalt div.content div.filter input[type="text"] { width: calc( 100% - 0.25rem ); width: -moz-calc( 100% - 0.25rem ); width: -webkit-calc( 100% - 0.25rem ); } } body.tmpl_5 div.inhalt div.content .textBlockContainer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); position: relative; z-index: 40; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen { /*h2*/ width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /*.table-cell */ /*.table-cell.open*/ /*.table-cell.head*/ /*.table-cell.col1 */ /*.table-cell.col2*/ /*.table-cell.col3 */ /*.table-cell.col4 */ /*.table-cell.col5 */ } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen h2 { color: #3988bf; font-family: 'roboto', sans-serif; font-weight: 700; font-size: 2rem; margin-left: 1.7rem; width: calc(100% - 1.7rem); } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table { /*display: flex; flex-wrap: wrap;*/ margin: 0 0 3em 0; padding: 0; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell { box-sizing: border-box; /*flex-grow: 1;*/ float: left; width: 100%; padding-left: 1.5625rem; padding-right: 0.5rem; padding-top: 0.4rem; overflow: hidden; list-style: none; border: solid 3px white; background: #e8e8e8; font-size: 1.15em; font-weight: bold; color: #6f6f6e; height: 44px; min-height: 44px; line-height: 1.75rem; /*p*/ /*h3*/ /*div.infoText*/ /*div.buttonOpen*/ } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell > h1, body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell > h2, body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell > h3, body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell > h4, body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell > h5, body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell > h6 { margin: 0; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell { border: none; } } @media screen and (max-width: 767px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell { height: auto; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell p { margin: 0; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell h3 { color: #4397c9; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell div.infoText { float: left; line-height: 1.75rem; margin-right: 5%; overflow-wrap: break-word; width: 85%; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell div.buttonOpen { width: 10%; float: right; /*img*/ } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell div.buttonOpen { display: none; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell div.buttonOpen img { float: right; margin-right: 0.5rem; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.open { height: auto; /*div.infoText*/ } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.open div.infoText { float: left; overflow: visible; padding-bottom: 1rem; padding-top: 0.75rem; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.head { background-color: white; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.head { display: none; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col1 { width: 16.6666666667%; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col1 { width: 100%; border-top: 15px solid white; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col2 { width: 16.6666666667%; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col2 { width: 100%; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col3 { width: 25%; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col3 { width: 100%; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col4 { width: 16.6666666667%; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col4 { width: 100%; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col5 { width: 25%; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table-cell.col5 { width: 100%; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table, body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .tblrow { display: none; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .table.anzeige { display: block; } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .tblrow.anzeige { display: flex; justify-content: space-between; } @media screen and (max-width: 1023px) { body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .tblrow.anzeige { display: block; } } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .tblrow .highlighted { color: white; background-color: #a2c559; /*a*/ } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .tblrow .highlighted a { /*i*/ } body.tmpl_5 div.inhalt div.content .listeVeranstaltungen .tblrow .highlighted a i { color: white; } body.tmpl_5.green { /* div.inhalt */ } body.tmpl_5.green div.inhalt { /* div.content */ } body.tmpl_5.green div.inhalt div.content { /*listeVeranstaltungen*/ } body.tmpl_5.green div.inhalt div.content .listeVeranstaltungen .tblrow .highlighted { background-color: #a2c559; } body.tmpl_5.blue { /* div.inhalt */ } body.tmpl_5.blue div.inhalt { /* div.content */ } body.tmpl_5.blue div.inhalt div.content { /*listeVeranstaltungen*/ } body.tmpl_5.blue div.inhalt div.content .listeVeranstaltungen .tblrow .highlighted { background-color: #3988bf; } body.tmpl_5.grey { /* div.inhalt */ } body.tmpl_5.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.inhalt div.textBlockContainer div.textblock h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.inhalt div.textBlockContainer div.textblock h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_5.grey div.inhalt { /* div.content */ } body.tmpl_5.grey div.inhalt div.content { /*listeVeranstaltungen*/ } body.tmpl_5.grey div.inhalt div.content .listeVeranstaltungen .tblrow .highlighted { background-color: #7a9296; } body.tmpl_5.brown { /* div.inhalt */ } body.tmpl_5.brown div.inhalt { /* div.content */ } body.tmpl_5.brown div.inhalt div.content { /*listeVeranstaltungen*/ } body.tmpl_5.brown div.inhalt div.content .listeVeranstaltungen .tblrow .highlighted { background-color: #a79b89; } /* body.tmpl_5 */ /* tmpl_6 */ body.tmpl_6 { /*label*/ /*input*/ /*textarea*/ /*.dunkel*/ /* .bereichtext */ /* meldungform */ /* div.inhalt */ /* img.ui-datepicker-trigger */ /* Optional: Adjust the positioning of the character count text. */ /* Optional: Remove the html path code from the status bar. */ } body.tmpl_6 .save-block { padding: 1rem 3.5rem; } body.tmpl_6 div.inhalt div.content form .block { padding: 3em; width: calc(100% - 6rem); margin-bottom: 2rem; } body.tmpl_6 div.inhalt div.content form .block.dark { background-color: #ddd8d3; } body.tmpl_6 div.inhalt div.content form .block:not(.dark) div.row.headline { color: #a79b89; } body.tmpl_6 div.inhalt div.content form .block.no-padding { padding: 0; margin: 0; } body.tmpl_6 div.inhalt div.content form .block.tiny-text div.row label { display: none; } body.tmpl_6 div.inhalt div.content form .block div.row { width: 100%; justify-content: start; font-size: 1.25rem; } body.tmpl_6 div.inhalt div.content form .block div.row.headline { color: #1d1d1b; font-size: 1.25rem; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; } body.tmpl_6 div.inhalt div.content form .block div.row.headline.auto-height { height: auto; min-height: auto; margin-bottom: 0.125em; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload { width: 50.8% !important; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload .form-group { width: 100%; position: relative; cursor: pointer; border: 1px solid #a79b89; border-radius: 0.25rem; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload .form-group label { position: absolute; left: 0.8em; top: 0.85em; width: 10em; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload .form-group div.input { border-radius: 0.25rem; width: 100%; height: 3em; background-color: #ddd8d3; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload .form-group div.input:before { font-size: 2em; pointer-events: none; position: absolute; left: 0; top: 2px; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload .form-group div.input input[type=file] { cursor: pointer; opacity: 0; display: block; width: 100%; height: 100%; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload .form-group div.input .textvalue { position: absolute; background-color: white; height: calc(100% - 2rem - 2px); width: calc(100% - 10em - 2px); top: 0; right: 0; display: flex; justify-content: start; align-items: center; padding: 1rem; border: 1px solid #a79b89; border-radius: 0.25rem; overflow: hidden; } body.tmpl_6 div.inhalt div.content form .block div.row.fileupload .form-group div.input .textvalue .innertextvalue { width: 200vw; } body.tmpl_6 div.inhalt div.content form .block div.row .vorschau img { border: 1px solid lightgrey; } body.tmpl_6 div.inhalt div.content form .block div.row .galerieContainer { width: 100% !important; background-color: white; padding: 0.25rem 1rem !important; } body.tmpl_6 div.inhalt div.content form .block div.row .galerieContainer .galImgContainer { width: 100%; } body.tmpl_6 div.inhalt div.content form .block div.row .galerieContainer .galImgContainer .imgEntry { width: calc(15.75% - 2px) !important; } body.tmpl_6 div.inhalt div.content form .block div.row .galerieContainer .galImgContainer .imgEntry:nth-child(6n) { margin-right: 0 !important; } body.tmpl_6 div.inhalt div.content form .block div.row .galerieContainer .galImgContainer .imgEntry .media-content { display: flex; justify-content: center; align-items: center; } body.tmpl_6 div.inhalt div.content form .block div.row .btn-container { margin-top: 1rem; margin-bottom: 2rem; } body.tmpl_6 div.inhalt div.content form .block div.row .btn-container .btn-cut { padding: 0.25rem 1rem; border-radius: 0.25rem; background-color: #ddd8d3; min-width: 11.875rem; display: block; color: #1d1d1b; border: 2px solid red; } body.tmpl_6 div.inhalt div.content form .block div.row .btn-container .btn-cut.cropped { border: 2px solid green; } body.tmpl_6 div.inhalt div.content form .block div.row.save-btn { margin-top: 1rem; margin-left: 40% !important; width: 60% !important; } body.tmpl_6 div.inhalt div.content form .block div.row.save-btn input[type="submit"]#frm_save_mtgl, body.tmpl_6 div.inhalt div.content form .block div.row.save-btn input { background-color: #a79b89; color: white; width: auto; margin: 0 !important; padding: 0.25rem 2rem 0.4rem; line-height: 1; } body.tmpl_6 div.inhalt div.content form .block div.row.save-btn input[type="submit"]#frm_save_mtgl:hover, body.tmpl_6 div.inhalt div.content form .block div.row.save-btn input:hover { background-color: #706C60; cursor: pointer; } body.tmpl_6 div.inhalt div.content form .block div.row.save-btn.right { justify-content: end; } body.tmpl_6 div.inhalt div.content form .block div.row.save-btn.mbott { margin-bottom: 3rem; } body.tmpl_6 div.inhalt div.content form .block div.row label { width: 40%; font-size: 1.25rem; color: #1d1d1b; } body.tmpl_6 div.inhalt div.content form .block div.row select, body.tmpl_6 div.inhalt div.content form .block div.row textarea, body.tmpl_6 div.inhalt div.content form .block div.row input { width: calc(60% - 1rem); font-size: 1.25rem; text-indent: 0.25rem; } body.tmpl_6 div.inhalt div.content form .block div.row input { text-indent: 4px; height: 2.5rem; margin-bottom: 0.5em; } body.tmpl_6 div.inhalt div.content form .block div.row input[type="file"] { height: auto; margin-bottom: 0; padding: 0; width: calc(100% - 1rem); } body.tmpl_6 div.inhalt div.content form .block div.row input[type="file"]:hover { cursor: pointer; } body.tmpl_6 div.inhalt div.content form .block div.row input[type="submit"] { height: auto; } body.tmpl_6 div.inhalt div.content form .block div.row select { border: none; -webkit-appearance: none; background: url("/images/menu-down-custom.png"); background-repeat: no-repeat; background-position: right; background-color: white !important; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.25rem; margin-bottom: 1rem; border-radius: 0.25rem; } body.tmpl_6 .block-header { width: 100%; margin-top: 1rem; } body.tmpl_6 .block-header .block-headline { background-color: #46aadd; padding: 3rem; font-size: 1.5rem; font-weight: bold; color: white; padding-top: 1rem; padding-bottom: 1rem; } body.tmpl_6 .block-header .block-text { padding: 3rem; padding-bottom: 1.5rem; padding-top: 1.5rem; font-size: 1.25rem; } body.tmpl_6 .block-header .block-text i.material-icons { font-size: 1.125em; } body.tmpl_6 .show-warning { display: none !important; color: red; margin: 0; padding-left: 3rem; padding-right: 3rem; width: 100%; } body.tmpl_6 .show-warning.aktiv { display: flex !important; } body.tmpl_6 label { color: #6f6f6e; width: 25%; float: left; } body.tmpl_6 label[for="frm_mitglied_beschreibung"] { width: 100%; margin-bottom: 1rem; } body.tmpl_6 .next-btn { margin-left: 1.6875rem; padding: 0.25rem 2rem 0.4rem; width: auto; float: right; line-height: 1; background-color: white; font-size: 1.25rem; font-weight: normal; color: #a79b89; border-radius: 0.25rem; border: 1px solid #a79b89; } body.tmpl_6 .next-btn:hover { cursor: pointer; color: white; background-color: #a79b89; } body.tmpl_6 input { /*&[type="password"]*/ /*&[type="text"]*/ /*&[type="submit"]*/ /*&[type="submit"]*/ /* &.alert */ } body.tmpl_6 input[type="password"] { height: 1.25rem; border: 1px solid #c9c9c9; border-radius: 0.25rem; width: 61.875%; } body.tmpl_6 input[type="text"] { height: 1.25rem; border: 1px solid #c9c9c9; border-radius: 0.25rem; width: 61.875%; } body.tmpl_6 input[type="submit"] { background-color: #a79b89; width: 6.875rem; border-radius: 0.25rem; border: 0; box-shadow: none; color: white; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: bold; /*#save_mtgl*/ } body.tmpl_6 input[type="submit"]#frm_save_angebot, body.tmpl_6 input[type="submit"]#frm_save_mtgl_show { padding: 0.25rem 2rem; width: auto; float: right; line-height: 1; font-size: 1.25rem; background-color: white; color: #a79b89; border: 1px solid #a79b89; font-weight: normal; } body.tmpl_6 input[type="submit"]#frm_save_angebot:hover, body.tmpl_6 input[type="submit"]#frm_save_mtgl_show:hover { cursor: pointer; color: white; background-color: #a79b89; } body.tmpl_6 input[type="file"] { background-color: #a79b89; width: 100%; padding: 0.5rem; border-radius: 0.25rem; border: 0; box-shadow: none; color: white; font-size: 17px; font-family: 'Roboto', sans-serif; } body.tmpl_6 input.alert { border: 1px solid #bc0000; } @media screen and (min-width: 1600px) { body.tmpl_6 .mce-tinymce { width: 50.5% !important; } } body.tmpl_6 textarea { width: 61.875%; height: 4rem; order: 1; margin-bottom: 1.5rem; padding-bottom: 1rem; } body.tmpl_6 .dunkel { background-color: #e8e8e8; } body.tmpl_6 .bereichtext { background-color: #a79b89; /* &:after */ } body.tmpl_6 .bereichtext:after { background-color: #a79b89; } body.tmpl_6 .meldungform { color: #bc0000; } body.tmpl_6 #maske { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 5000; top: 0; left: 0; display: none; } body.tmpl_6 #maske.aktiv { display: block; } body.tmpl_6 #meldung { position: absolute; width: 50%; margin-left: 25%; /*height: 50%;*/ background-color: white; z-index: 5010; display: none; padding-bottom: 2rem; } body.tmpl_6 #meldung.aktiv { display: block; } body.tmpl_6 #meldung .head { height: calc(20% - 2rem); padding: 1rem; position: relative; } body.tmpl_6 #meldung .head .closeBtn { position: absolute; right: 1rem; top: 1rem; } body.tmpl_6 #meldung .body { height: calc(75% - 2rem); overflow-y: auto; padding: 1rem; } body.tmpl_6 #meldung .body ul li { list-style: outside none none; } body.tmpl_6 #meldung .body ul li .fa { padding-right: 0.5rem; } body.tmpl_6 #meldung p.pw_button { text-align: right; } body.tmpl_6 #meldung p.pw_button a.pw_button { background-color: #a79b89; width: 6.875rem; border-radius: 0.25rem; border: 0; box-shadow: none; color: white; font-size: 17px; font-family: roboto; font-weight: bold; text-decoration: none; padding: 0.5rem; } body.tmpl_6 div.inhalt { position: relative; z-index: 90; background-color: white; width: 1600px; min-height: 500px; margin-top: 200px; /*&[type="submit"]*/ /* div.content */ } @media screen and (max-width: 1719px) { body.tmpl_6 div.inhalt { width: 1450px; } } @media screen and (max-width: 1599px) { body.tmpl_6 div.inhalt { width: 1150px; } } @media screen and (max-width: 1279px) { body.tmpl_6 div.inhalt { width: 930px; } } @media screen and (max-width: 1023px) { body.tmpl_6 div.inhalt { width: 930px; } } body.tmpl_6 div.inhalt input[type="submit"] { background-color: #a79b89; width: 6.875rem; border-radius: 0.25rem; border: 0; box-shadow: none; color: white; font-size: 17px; font-family: roboto; font-weight: bold; } body.tmpl_6 div.inhalt div.content { padding-left: 25px; padding-right: 25px; padding-top: 25px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*.nachricht*/ /*form*/ /*.reiterContainer*/ /*ul.mitgliedMenu*/ /*.logOut*/ } @media screen and (max-width: 1023px) { body.tmpl_6 div.inhalt div.content { max-height: 0; overflow: hidden; } } body.tmpl_6 div.inhalt div.content .nachricht { padding-bottom: 3rem; /* &.bereichtext */ } body.tmpl_6 div.inhalt div.content .nachricht.bereichtext { padding: 0.5rem 1rem; padding-right: 2.5rem; } body.tmpl_6 div.inhalt div.content form { width: 100%; /*div.row*/ } body.tmpl_6 div.inhalt div.content form div.row { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 2.5rem; position: relative; /*div.row.button*/ /*div.row.menu*/ /*div.row.menu*/ /* a.startlink */ } @media screen and (max-width: 1279px) { body.tmpl_6 div.inhalt div.content form div.row { width: calc(60% - 0rem); } } body.tmpl_6 div.inhalt div.content form div.row ul { padding-left: 1rem; } body.tmpl_6 div.inhalt div.content form div.row ul i.material-icons { font-size: 1.125em; } body.tmpl_6 div.inhalt div.content form div.row.button { justify-content: flex-end; } body.tmpl_6 div.inhalt div.content form div.row.menu { justify-content: flex-end; /*a*/ } body.tmpl_6 div.inhalt div.content form div.row.menu a { width: 30px; } body.tmpl_6 div.inhalt div.content form div.row.addnew { padding-bottom: 2rem; /*a*/ } body.tmpl_6 div.inhalt div.content form div.row.addnew a i { color: #a79b89; font-size: 40px; } body.tmpl_6 div.inhalt div.content form div.row a.startlink { position: absolute; left: 38.125%; } body.tmpl_6 div.inhalt div.content form div.row hr { margin-top: 30px; margin-bottom: 30px; } body.tmpl_6 div.inhalt div.content hr { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); height: 2px; background-color: #a79b89; border: 0; margin-top: 3px; } body.tmpl_6 div.inhalt div.content .reiterContainer { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding-bottom: 3rem; /*div.contentReiter*/ /*Logo*/ /*logoContainer*/ /*previewCont*/ /*inp2*/ /*inp_7*/ /*#inp_8*/ /*#inp_14*/ /*#inp_11*/ } body.tmpl_6 div.inhalt div.content .reiterContainer div.contentReiter { display: none; } body.tmpl_6 div.inhalt div.content .reiterContainer div.contentReiter.auswahl { display: block; } body.tmpl_6 div.inhalt div.content .reiterContainer div.logoContainer { width: 43%; margin-bottom: 1.5rem; text-align: center; border: 1px solid #cccccc; position: relative; /*a.delete*/ } body.tmpl_6 div.inhalt div.content .reiterContainer div.logoContainer img { width: auto; height: auto; max-width: 100%; max-height: 100%; } body.tmpl_6 div.inhalt div.content .reiterContainer div.logoContainer a.delete { height: 20px; width: 20px; line-height: 20px; position: absolute; top: -0.5rem; right: 0; } body.tmpl_6 div.inhalt div.content .reiterContainer div.logoContainer a.delete i { font-size: 1rem; line-height: 20px; } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont { margin-bottom: 1rem; width: 62.5%; /*preview*/ } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*vorschau*/ /*btn*/ } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview .vorschau { width: calc( 41.6666666667% - 0rem ); width: -moz-calc( 41.6666666667% - 0rem ); width: -webkit-calc( 41.6666666667% - 0rem ); width: 80%; margin-top: 1rem; /*&empty*/ } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview .vorschau img { border: 1px solid lightgray; width: 100%; height: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview .vorschau.empty { background-color: #777777; } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview .btn { width: calc( 58.3333333333% - 0rem ); width: -moz-calc( 58.3333333333% - 0rem ); width: -webkit-calc( 58.3333333333% - 0rem ); width: 12rem; margin-top: 1.5rem; margin-bottom: 1rem; margin-left: 0; } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview .btn a { background-color: #a79b89; border-radius: 4px; padding: 0.5rem; color: white; border: 2px solid red; } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview .btn a i { font-size: 1rem; } body.tmpl_6 div.inhalt div.content .reiterContainer .previewCont .preview .btn a.cropped { border: 2px solid green; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_2 .ansprechpartner { border: 1px solid grey; border-radius: 4px; padding: 1rem; width: 46.3%; margin-bottom: 1.5rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_2 .ansprechpartner .row { width: 100%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 { /*.imgEntry*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; margin-bottom: 1rem; width: 100%; height: 100px; /*controls*/ /*text*/ /*div.img*/ /*a*/ /*.delete*/ /*up*/ /*down*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.controls, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.controls { width: calc( 58.3333333333% - 0rem ); width: -moz-calc( 58.3333333333% - 0rem ); width: -webkit-calc( 58.3333333333% - 0rem ); justify-content: start; /* a.linkbtn*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.controls a.linkbtn, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.controls a.linkbtn { border: 1px solid; border-radius: 50%; height: 30px; margin-left: 20px; margin-top: 10px; text-align: center; width: 30px; /*i*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.controls a.linkbtn i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.controls a.linkbtn i { padding-top: 3px; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.text, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.text { padding: 1rem; width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.img { width: calc( 8.3333333333% - 0rem ); width: -moz-calc( 8.3333333333% - 0rem ); width: -webkit-calc( 8.3333333333% - 0rem ); position: relative; /*img*/ /*img*/ /*.linkLayer*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.img i { font-size: 4rem; color: #6f6f6e; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.img img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.img img { width: 100%; height: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.img img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.img img.hochkant { height: 100%; width: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.img div.bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.img div.bezeichnung { font-size: 0.75rem; padding: 0.5rem; text-align: center; word-wrap: break-word; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.img .linkLayer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.img .linkLayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*a*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry div.img .linkLayer a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry div.img .linkLayer a { display: blocK; width: 100%; height: 100%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry > a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry > a { position: absolute; top: -0.5rem; height: 2rem; width: 2rem; line-height: 2rem; /*.delete*/ /*up*/ /*down*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry > a .delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry > a .delete { right: 0; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry > a .up, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry > a .up { right: 3rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry > a .down, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry > a .down { right: 6rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry > a i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry > a i { font-size: 1rem; line-height: 2rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry a.delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry a.delete { right: 0; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry a.up, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry a.up { right: calc(50% - 1.5rem); } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_12 .imgEntry a.down, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_7 .imgEntry a.down { right: calc(50% + 1.5rem); } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_4, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_8 { /*.ausbildung */ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_4 .ausbildung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_8 .ausbildung { margin-bottom: 0.75rem; background-color: #ddd8d3; display: flex; justify-content: space-between; padding: 0.5rem 1rem; line-height: 1.7; font-size: 1.25rem; align-items: center; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_4 .ausbildung i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_8 .ausbildung i { color: #a79b89; line-height: 1.5; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_14 { /*.branche*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_14 .branche { line-height: 2.5rem; margin-left: 2.5%; padding: 1rem; width: 95%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*bezeichnung*/ /*link*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_14 .branche .bezeichnung { width: 75%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_14 .branche .link { width: 24%; text-align: right; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 > .row i { font-size: 40px; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 { /*galerieContainer*/ /*galerieContainer*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer { border: 1px solid grey; padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; border-radius: 4px; /*imgEntry*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry { float: left; border: 1px solid grey; position: relative; margin-bottom: 1rem; /*img*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry .img { position: relative; text-align: center; height: 8rem; margin-top: 1.5rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry .img i { font-size: 3rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry .img .bezeichnung { font-size: 0.8rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry .img img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry .img img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry .img img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry .img img { width: 100%; height: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry .img img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry .img img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry .img img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry .img img.hochkant { height: 100%; width: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry a { float: left; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry a.delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry a.delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry a.delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry a.delete { float: right; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry a.crop, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry a.crop, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry a.crop, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry a.crop { color: red; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .imgEntry a.crop.cropped, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .imgEntry a.crop.cropped, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .imgEntry a.crop.cropped, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .imgEntry a.crop.cropped { color: green; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer { width: 50%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .filialEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer .filialEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .filialEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer .filialEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .filialEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer .filialEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .filialEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer .filialEintrag { border: 1px solid; padding: 1.0rem; border-radius: 4px; color: grey; margin-bottom: 1rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .filialEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer .filialEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .filialEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer .filialEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .filialEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer .filialEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .filialEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer .filialEintrag .galerieContainer { width: calc(100% - 2rem); border: 1px solid grey; padding: 1rem; margin-bottom: 1rem; border-radius: 4px; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .filialEintrag .filialASP, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer .filialEintrag .filialASP { width: calc(100% - 2.125rem); border: 1px solid grey; padding: 1rem; margin-bottom: 1rem; border-radius: 4px; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner { width: calc(96% - 2.125rem); border: 1px solid grey; padding: 1rem; margin-bottom: 0.5rem; margin-left: 2%; border-radius: 4px; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen { padding: 0 1rem 1rem; text-align: right; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .filialContainer .filialEintrag .filialASP .filial_ansprechpartner .funktionen a { padding-left: 1rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer { width: 50%; /*leistungEntry*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry { border: 1px solid; padding: 1.0rem; border-radius: 4px; color: grey; display: inline-block; height: auto; margin-bottom: 1rem; /*galerieContainer*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer { width: calc(100% - 2.125rem); border: 1px solid grey; padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; border-radius: 4px; /*imgEntry*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer .imgEntry { float: left; height: 11rem; border: 1px solid grey; position: relative; margin-bottom: 1rem; width: calc(25% - 2px); /*img*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img { position: relative; text-align: center; height: 8rem; margin-top: 0.75rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img i { font-size: 3rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img .bezeichnung { font-size: 0.8rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img { width: 100%; height: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer .imgEntry .img img.hochkant { height: 100%; width: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry .galerieContainer .imgEntry a.delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry .galerieContainer .imgEntry a.delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry .galerieContainer .imgEntry a.delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry .galerieContainer .imgEntry a.delete { right: 0; float: right; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry a { float: right; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry a.crop, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry a.crop, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry a.crop, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry a.crop { color: red; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .leistungContainer .leistungEntry a.crop.cropped, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .leistungContainer .leistungEntry a.crop.cropped, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .leistungContainer .leistungEntry a.crop.cropped, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .leistungContainer .leistungEntry a.crop.cropped { color: green; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer { width: 50%; /*angebotEintrag*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag { position: relative; border: 1px solid; padding: 1.0rem; border-radius: 4px; color: grey; display: inline-block; height: 2rem; padding-top: 1.25rem; margin-bottom: 1rem; width: 100%; /*.linkLayer*/ /*.delete*/ /*galerieContainer*/ /*downloadContainer*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .linkLayer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .linkLayer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .linkLayer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .linkLayer { width: 80%; overflow: hidden; padding-left: 1rem; padding-top: 1.25rem; width: 80%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .delete, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .delete { right: 0; height: 1.5rem; top: 0; position: absolute; height: 100%; padding-right: 5%; padding-top: 1rem; position: absolute; right: 0; text-align: right; top: 0; width: 15%; /*a*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .delete a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .delete a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .delete a, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .delete a { right: 1rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .galerieContainer { width: calc(100% - 2.125rem); border: 1px solid grey; padding: 1rem; margin-bottom: 1rem; border-radius: 4px; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry { height: 11rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img { position: relative; text-align: center; border: 1px solid grey; height: 8rem; margin-top: 0.75rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img i, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img i { font-size: 3rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img .bezeichnung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .angebotContainer .angebotEintrag .angebotDownloadContainer .galImgContainer .imgEntry .img .bezeichnung { font-size: 0.8rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer { /*galImgContainer*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .galImgContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .galImgContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .galImgContainer, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .galImgContainer { display: inline-block; /*imgEntry*/ } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .galImgContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .galImgContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .galImgContainer .imgEntry, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .galImgContainer .imgEntry { margin-right: 1%; text-align: right; overflow: hidden; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .galImgContainer .imgEntry img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .galImgContainer .imgEntry img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .galImgContainer .imgEntry img, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .galImgContainer .imgEntry img { width: 100%; height: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .galerieContainer .galImgContainer .imgEntry img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .galerieContainer .galImgContainer .imgEntry img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .galerieContainer .galImgContainer .imgEntry img.hochkant, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .galerieContainer .galImgContainer .imgEntry img.hochkant { height: 100%; width: auto; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .right, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .right, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .right, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .right { text-align: right; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .tinybeschreibung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .tinybeschreibung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .tinybeschreibung, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .tinybeschreibung { color: grey; padding-bottom: 0.25rem; padding-top: 1rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .padding05, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .padding05, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .padding05, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .padding05 { padding: 0.5rem; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .row, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .row, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .row, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .row { width: 100%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col { float: left; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s1, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s1, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s1, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s1 { width: 8.3333333333%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s2, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s2, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s2, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s2 { width: 16.6666666667%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s3, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s3, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s3, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s3 { width: 25%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s4, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s4, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s4, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s4 { width: 33.3333333333%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s6, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s6, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s6, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s6 { width: 50%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s8, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s8, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s8, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s8 { width: 66.6666666667%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s9, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s9, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s9, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s9 { width: 75%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s10, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s10, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s10, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s10 { width: 83.3333333333%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.s12, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.s12, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.s12, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.s12 { width: 100%; } body.tmpl_6 div.inhalt div.content .reiterContainer #inp_6 .col.tinyText, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_9 .col.tinyText, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_10 .col.tinyText, body.tmpl_6 div.inhalt div.content .reiterContainer #inp_11 .col.tinyText { width: 86.8%; } body.tmpl_6 div.inhalt div.content ul.mitgliedMenu { list-style: outside none none; padding: 0; font-family: 'roboto_condensed', sans-serif; font-weight: 700; width: calc( 75% - 0rem ); width: -moz-calc( 75% - 0rem ); width: -webkit-calc( 75% - 0rem ); float: left; /*li*/ } body.tmpl_6 div.inhalt div.content ul.mitgliedMenu li { font-size: 26px; float: left; margin-right: 2rem; /*a*/ /*&:first-child*/ /*&.auswahls*/ } body.tmpl_6 div.inhalt div.content ul.mitgliedMenu li a { color: #667b7f; } body.tmpl_6 div.inhalt div.content ul.mitgliedMenu li:first-child { margin-left: 0; } body.tmpl_6 div.inhalt div.content ul.mitgliedMenu li.auswahl { /*a*/ } body.tmpl_6 div.inhalt div.content ul.mitgliedMenu li.auswahl a { font-weight: bold; color: #a79b89; } body.tmpl_6 div.inhalt div.content div.logOut { width: calc( 25% - 0rem ); width: -moz-calc( 25% - 0rem ); width: -webkit-calc( 25% - 0rem ); font-family: 'roboto_condensed', sans-serif; font-weight: 700; height: 50px; text-align: right; margin-top: 15px; /*a*/ } body.tmpl_6 div.inhalt div.content div.logOut a { font-size: 26px; font-weight: bold; color: #a79b89; } body.tmpl_6 div.inhalt div.contentBlocked { max-height: 0; overflow: hidden; font-size: 1.25rem; } @media screen and (max-width: 1023px) { body.tmpl_6 div.inhalt div.contentBlocked { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; max-height: none; } } @media screen and (max-width: 1023px) { body.tmpl_6 div.inhalt { width: 80%; padding-left: 10%; padding-right: 10%; } } body.tmpl_6 #meldung { /*.angebotEintrag*/ } body.tmpl_6 #meldung .angebotEintrag { width: 90%; margin-left: 5%; padding-top: 3rem; /*row*/ /*galerie, downloads*/ /*downloads*/ /*angebotGalerieContainer*/ } body.tmpl_6 #meldung .angebotEintrag div.row { width: 100%; float: left; margin-bottom: 1rem; } body.tmpl_6 #meldung .angebotEintrag .downloads, body.tmpl_6 #meldung .angebotEintrag .galerie { padding: 1rem; border: 1px solid #c9c9c9; display: inline-block; height: auto; margin-top: 0.5rem; margin-bottom: 1rem; width: 100%; /*h3*/ } body.tmpl_6 #meldung .angebotEintrag .downloads h3, body.tmpl_6 #meldung .angebotEintrag .galerie h3 { color: #a79b89; margin-bottom: 1rem; } body.tmpl_6 #meldung .angebotEintrag .downloads .btn > span, body.tmpl_6 #meldung .angebotEintrag .galerie .btn > span { display: block; float: left; width: 25%; } body.tmpl_6 #meldung .angebotEintrag .downloads { /*imgEntry*/ } body.tmpl_6 #meldung .angebotEintrag .downloads .imgEntry { height: 11rem; width: 20%; float: left; /*img*/ } body.tmpl_6 #meldung .angebotEintrag .downloads .imgEntry .img { position: relative; text-align: center; border: 1px solid grey; height: 8rem; margin-top: 0.75rem; } body.tmpl_6 #meldung .angebotEintrag .downloads .imgEntry .img i { font-size: 3rem; padding-top: 1rem; } body.tmpl_6 #meldung .angebotEintrag .downloads .imgEntry .img .bezeichnung { font-size: 0.8rem; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer { width: calc(100% - 2.125rem); /*border: 1px solid grey;*/ margin-top: 1rem; margin-bottom: 1rem; border-radius: 4px; /*imgEntry*/ } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry { float: left; height: 11rem; border: 1px solid grey; position: relative; margin-bottom: 1rem; width: calc(25% - 2px); /*img*/ } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry .img { position: relative; text-align: center; height: 8rem; margin-top: 1.75rem; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry .img i { font-size: 3rem; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry .img .bezeichnung { font-size: 0.8rem; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry .img img { width: 100%; height: auto; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry .img img.hochkant { height: 100%; width: auto; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry a { float: left; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry a.delete { float: right; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry a.cropProfil { color: red; } body.tmpl_6 #meldung .angebotEintrag .angebotGalerieContainer .imgEntry a.cropProfil.cropped { color: green; } body.tmpl_6 #meldung .buttons { width: 90%; margin-left: 5%; /*btnAbbrechen*/ } body.tmpl_6 #meldung .buttons .btnAbbrechen { background-color: #a79b89; width: 5.575rem; border-radius: 0.25rem; border: 0; box-shadow: none; color: white; font-size: 17px; font-family: roboto; font-weight: bold; padding: 1rem; margin-left: 0; float: left; } body.tmpl_6 #meldung .buttons #frm_save_angebot { margin-right: 0; text-transform: capitalize; } body.tmpl_6 #inaktivBox.aktiv { display: block !important; } body.tmpl_6 .ui-datepicker { color: #6f6f6e; background-color: white; border: 1px solid #6f6f6e; } body.tmpl_6 .ui-datepicker .ui-datepicker-prev { float: left; cursor: pointer; } body.tmpl_6 .ui-datepicker .ui-datepicker-next { float: right; cursor: pointer; } body.tmpl_6 .ui-datepicker .ui-datepicker-title { padding: 5%; text-align: center; width: 90%; } body.tmpl_6.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_6.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_6.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_6.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_6.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_6.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_6 img.ui-datepicker-trigger { display: none; } body.tmpl_6 label.mce-charactercount { margin: 2px 0 2px 2px; padding: 8px; } body.tmpl_6 .mce-path { display: none !important; } /* body.tmpl_6 */ /* tmpl_7 */ body.tmpl_7 { text-align: center; /*h3*/ /*div.kopfInhalt div.inhBox*/ /* div.inhalt */ } body.tmpl_7 .rahmen, body.tmpl_7 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_7 div.inh, body.tmpl_7 .mainNavi, body.tmpl_7 .mainMenu { text-align: left; } @media screen and (max-width: 639px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh div.content h3 { white-space: normal; width: 70%; top: -1.75rem; } } @media screen and (max-width: 479px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh div.content h3 { top: -2.75rem; } } body.tmpl_7 div.kopfInhalt div.inhBox div.inh div.content h3 span { position: relative; width: 100%; z-index: 100; } body.tmpl_7 div.kopfInhalt div.inhBox div.inh div.content h3:after { display: none; } body.tmpl_7 div.kopfInhalt div.inhBox { text-align: left; bottom: 176px; /* 1024 bis 1280 */ /*content*/ } @media screen and (max-width: 1599px) { body.tmpl_7 div.kopfInhalt div.inhBox { bottom: 150px; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.kopfInhalt div.inhBox { bottom: -210px; } } @media screen and (max-width: 639px) { body.tmpl_7 div.kopfInhalt div.inhBox { bottom: -230px; } } @media screen and (max-width: 479px) { body.tmpl_7 div.kopfInhalt div.inhBox { bottom: -250px; } } body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 1650px; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ } @media screen and (max-width: 1720px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 700px; } } @media screen and (max-width: 767px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 440px; } } @media screen and (max-width: 480px) { body.tmpl_7 div.kopfInhalt div.inhBox div.inh { width: 310px; } } body.tmpl_7 div.kopfInhalt div.inhBox div.content { /*h3*/ } @media screen and (max-width: 1599px) { body.tmpl_7 div.kopfInhalt div.inhBox div.content { width: 50%; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.kopfInhalt div.inhBox div.content { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); font-size: 1rem; } } body.tmpl_7 div.kopfInhalt div.abstand { margin-top: 36.4583333333%; } @media screen and (max-width: 1279px) { body.tmpl_7 div.kopfInhalt div.abstand { margin-top: 53.5%; } } @media screen and (max-width: 767px) { body.tmpl_7 div.kopfInhalt div.abstand { margin-top: 94.8%; } } body.tmpl_7 div.inhalt { text-align: left; position: relative; z-index: 90; background-color: white; width: 1650px; margin-top: -100px; height: auto; display: inline-block; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /* div.content */ } @media screen and (max-width: 1720px) { body.tmpl_7 div.inhalt { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_7 div.inhalt { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_7 div.inhalt { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt { width: 700px; margin-top: 130px; } } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_7 div.inhalt { width: 440px; margin-top: 150px; } } @media screen and (max-width: 480px) { body.tmpl_7 div.inhalt { width: 310px; margin-top: 170px; } } body.tmpl_7 div.inhalt > div.content { margin-top: 25px; margin-left: 25px; width: 1600px; float: left; height: auto; display: inline-block; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /*div.contentHead*/ /*div.contentHead*/ /*div.zeileBeruf*/ } @media screen and (max-width: 1720px) { body.tmpl_7 div.inhalt > div.content { width: 1450px; } } @media screen and (max-width: 1599px) { body.tmpl_7 div.inhalt > div.content { width: 1150px; } } @media screen and (max-width: 1279px) { body.tmpl_7 div.inhalt > div.content { width: 930px; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt > div.content { width: 650px; } } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt > div.content { width: 560px; margin-left: 20px; margin-top: 35px; } } @media screen and (max-width: 639px) { body.tmpl_7 div.inhalt > div.content { width: 400px; } } @media screen and (max-width: 480px) { body.tmpl_7 div.inhalt > div.content { margin-left: 10px; width: 290px; } } body.tmpl_7 div.inhalt > div.content div.contentHead { height: 67px; width: 100%; text-align: right; } body.tmpl_7 div.inhalt > div.content div.filter { overflow: hidden; height: 0px; width: 100%; text-align: right; } body.tmpl_7 div.inhalt > div.content div.filter.open { height: 50px; -moz-transition: height 0.25s ease; -webkit-transition: height 0.25s ease; -o-transition: height 0.25s ease; transition: height 0.25s ease; } body.tmpl_7 div.inhalt > div.content div.filter input[type="text"] { border: 1px solid #c9c9c9; border-radius: 0.25rem; height: 1.25rem; width: 20%; } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt > div.content div.filter input[type="text"] { width: 50%; } } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt > div.content div.filter input[type="text"] { width: calc( 100% - 0.25rem ); width: -moz-calc( 100% - 0.25rem ); width: -webkit-calc( 100% - 0.25rem ); } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 0.5rem; font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.5rem; display: none; /*div.beruf, info*/ /*info*/ /*div.linkOut*/ /*ausbildungsinfo*/ } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.anzeige { display: flex; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.anzeige.empty { display: none; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.empty { display: none; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf .acc-header { position: relative; width: 100%; display: flex; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.info, body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.beruf { width: calc( 66.6666666667% - 1.875rem ); width: -moz-calc( 66.6666666667% - 1.875rem ); width: -webkit-calc( 66.6666666667% - 1.875rem ); font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 6.5rem; padding-left: 1.375rem; color: #6f6f6e; height: 100px; background-color: #eaebeb; /* 1024 bis 1280 */ } @media screen and (max-width: 1279px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.info, body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.beruf { font-size: 1.1875rem; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.info, body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.beruf { font-size: 0.8125rem; height: 65px; line-height: 4rem; font-weight: 400; } } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.info, body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.beruf { width: calc( 91.6666666667% - 1.375rem ); width: -moz-calc( 91.6666666667% - 1.375rem ); width: -webkit-calc( 91.6666666667% - 1.375rem ); } } @media screen and (max-width: 639px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.info, body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.beruf { height: 50px; line-height: 1.1rem; padding-right: 1rem; padding-top: 15px; width: calc( 83.3333333333% - 2.375rem ); width: -moz-calc( 83.3333333333% - 2.375rem ); width: -webkit-calc( 83.3333333333% - 2.375rem ); } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.info { display: none; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); font-family: 'roboto', sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 6.5rem; padding-left: 1.375rem; color: #6f6f6e; height: 100px; background-color: #eaebeb; width: 100%; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.info.showinfo { display: flex; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut { width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100px; background-color: #eaebeb; /*bezeichnung*/ /*.btnFirmen*/ /*btnToggle*/ } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut { width: calc( 8.3333333333% - 0rem ); width: -moz-calc( 8.3333333333% - 0rem ); width: -webkit-calc( 8.3333333333% - 0rem ); } } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut { width: calc( 8.3333333333% - 0rem ); width: -moz-calc( 8.3333333333% - 0rem ); width: -webkit-calc( 8.3333333333% - 0rem ); text-align: center; } } @media screen and (max-width: 639px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut { width: calc( 16.6666666667% - 0rem ); width: -moz-calc( 16.6666666667% - 0rem ); width: -webkit-calc( 16.6666666667% - 0rem ); } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut a { color: white; line-height: 8rem; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut a i { font-size: 44px; } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut a i { font-size: 30px; line-height: 4.5rem; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut a { line-height: 4.5rem; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut a i { font-size: 30px; } } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut { height: 65px; } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.bezeichnung { width: calc( 50% - 1.375rem ); width: -moz-calc( 50% - 1.375rem ); width: -webkit-calc( 50% - 1.375rem ); line-height: 6.5rem; padding-left: 1.375rem; color: #6f6f6e; } @media screen and (max-width: 1599px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.bezeichnung { width: calc( 66.6666666667% - 1.375rem ); width: -moz-calc( 66.6666666667% - 1.375rem ); width: -webkit-calc( 66.6666666667% - 1.375rem ); } } @media screen and (max-width: 1279px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.bezeichnung { font-size: 1.1875rem; width: calc( 75% - 1.375rem ); width: -moz-calc( 75% - 1.375rem ); width: -webkit-calc( 75% - 1.375rem ); } } @media screen and (max-width: 1023px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.bezeichnung { font-size: 0.8125rem; font-weight: 400; line-height: 4rem; } } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.bezeichnung { display: none; } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.btnFirmen { width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); } @media screen and (max-width: 1599px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.btnFirmen { width: calc( 16.6666666667% - 0rem ); width: -moz-calc( 16.6666666667% - 0rem ); width: -webkit-calc( 16.6666666667% - 0rem ); } } @media screen and (max-width: 1279px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.btnFirmen { display: none; } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.btnToggle { width: calc( 16.6666666667% - 0rem ); width: -moz-calc( 16.6666666667% - 0rem ); width: -webkit-calc( 16.6666666667% - 0rem ); } body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.btnToggle a { color: #6f6f6e; } @media screen and (max-width: 767px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf div.linksOut div.btnToggle { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo { /*display: none;*/ font-family: 'roboto', sans-serif; font-weight: 300; font-size: 0.9375rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); max-height: 0; height: auto; overflow: hidden; color: #6f6f6e; padding-bottom: 1rem; /*firmen*/ } body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen { width: 100%; display: flex; justify-content: start; flex-wrap: wrap; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry { flex: 0 0 100%; overflow: hidden; margin-top: 1rem; margin-right: 1rem; background-color: white; position: relative; border-bottom: 5px solid #4397c9; } @media screen and (min-width: 1024px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry { flex: 0 0 calc(50% - 1rem); } } @media screen and (min-width: 1600px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry { flex: 0 0 calc(33.5% - 1rem); } } @media screen and (min-width: 1024px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 1600px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry:nth-child(2n) { margin-right: 1rem; } } @media screen and (min-width: 1600px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry:nth-child(3n) { margin-right: 0 !important; } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry .header { position: absolute; background-color: #4397c9; font-size: 1rem; font-weight: 700; color: white; padding: 0.5em; top: 0; left: 0; z-index: 90; width: calc(100% - 1em); } @media screen and (min-width: 1024px) { body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry .header { font-size: 1.375rem; min-height: 2.7em; align-items: center; display: flex; } } body.tmpl_7 div.inhalt > div.content div.zeileBeruf .ausbildungsinfo .firmen .entry .logo-firma { padding-top: 3.25em; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.open .beruf, body.tmpl_7 div.inhalt > div.content div.zeileBeruf.open .linksOut { background-color: #4397c9; color: white; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.open .beruf .bezeichnung, body.tmpl_7 div.inhalt > div.content div.zeileBeruf.open .beruf div.btnToggle a, body.tmpl_7 div.inhalt > div.content div.zeileBeruf.open .linksOut .bezeichnung, body.tmpl_7 div.inhalt > div.content div.zeileBeruf.open .linksOut div.btnToggle a { color: white; } body.tmpl_7 div.inhalt > div.content div.zeileBeruf.open .ausbildungsinfo { -moz-transition: max-height 1s ease; -webkit-transition: max-height 1s ease; -o-transition: max-height 1s ease; transition: max-height 1s ease; max-height: 1000vh; } body.tmpl_7.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_7.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_7.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_7.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_7.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_7.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } /* body.tmpl_7 */ body.tmpl_8 { text-align: center; /*h3*/ /* .rahmen, .mainNavi, .mainMenu */ /*div.kopfInhalt div.inhBox*/ /* div.kopfInhalt div.abstand */ /* div.inhalt */ } body.tmpl_8 .rahmen, body.tmpl_8 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_8 div.inh, body.tmpl_8 .mainNavi, body.tmpl_8 .mainMenu { text-align: left; } body.tmpl_8 div.kopfInhalt div.inhBox { text-align: left; bottom: 176px; /* 1024 bis 1280 */ /*content*/ } @media screen and (max-width: 1599px) { body.tmpl_8 div.kopfInhalt div.inhBox { bottom: 150px; } } @media screen and (max-width: 1023px) { body.tmpl_8 div.kopfInhalt div.inhBox { bottom: -210px; } } @media screen and (max-width: 767px) { body.tmpl_8 div.kopfInhalt div.inhBox { bottom: -230px; } } @media screen and (max-width: 480px) { body.tmpl_8 div.kopfInhalt div.inhBox { bottom: -250px; } } body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 1650px; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ } @media screen and (max-width: 1720px) { body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 700px; } } @media screen and (max-width: 767px) { body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 440px; } } @media screen and (max-width: 480px) { body.tmpl_8 div.kopfInhalt div.inhBox div.inh { width: 310px; } } body.tmpl_8 div.kopfInhalt div.inhBox div.content { /*h3*/ } @media screen and (max-width: 1599px) { body.tmpl_8 div.kopfInhalt div.inhBox div.content { width: 50%; } } @media screen and (max-width: 1023px) { body.tmpl_8 div.kopfInhalt div.inhBox div.content { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); font-size: 1rem; } } body.tmpl_8 div.kopfInhalt div.abstand { margin-top: 36.4583333333%; } @media screen and (max-width: 1279px) { body.tmpl_8 div.kopfInhalt div.abstand { margin-top: 53.5%; } } @media screen and (max-width: 767px) { body.tmpl_8 div.kopfInhalt div.abstand { margin-top: 94.8%; } } body.tmpl_8 div.inhalt { text-align: left; position: relative; z-index: 90; background-color: white; width: 1650px; margin-top: -30px; height: auto; display: inline-block; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /* &> div.content */ /*div.contentHead*/ /* div.angebot */ } @media screen and (max-width: 1719px) { body.tmpl_8 div.inhalt { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_8 div.inhalt { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_8 div.inhalt { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_8 div.inhalt { width: 700px; margin-top: 130px; } } @media screen and (max-width: 767px) { body.tmpl_8 div.inhalt { width: 600px; margin-top: 150px; } } @media screen and (max-width: 639px) { body.tmpl_8 div.inhalt { width: 440px; margin-top: 170px; } } @media screen and (max-width: 480px) { body.tmpl_8 div.inhalt { width: 310px; } } body.tmpl_8 div.inhalt > div.content { margin-top: 25px; margin-left: 25px; width: 1600px; float: left; height: auto; display: inline-block; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* h3 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ } body.tmpl_8 div.inhalt > div.content h3 { position: absolute; left: 1rem; top: -1rem; margin: 0; padding: 0; padding: 0.375rem 1rem; white-space: nowrap; padding-right: 2rem; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.375rem; color: white; background-color: #a79b89; /* &:after */ } @media screen and (max-width: 1599px) { body.tmpl_8 div.inhalt > div.content h3 { font-size: 1rem; } } body.tmpl_8 div.inhalt > div.content h3:after { content: ' '; position: absolute; right: 0px; top: 0px; height: 100%; width: 44px; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; background-color: #a79b89; } @media screen and (max-width: 1720px) { body.tmpl_8 div.inhalt > div.content { width: 1450px; } } @media screen and (max-width: 1599px) { body.tmpl_8 div.inhalt > div.content { width: 1150px; } } @media screen and (max-width: 1279px) { body.tmpl_8 div.inhalt > div.content { width: 930px; } } @media screen and (max-width: 1023px) { body.tmpl_8 div.inhalt > div.content { width: 650px; } } @media screen and (max-width: 767px) { body.tmpl_8 div.inhalt > div.content { width: 560px; margin-left: 20px; margin-top: 35px; } } @media screen and (max-width: 639px) { body.tmpl_8 div.inhalt > div.content { width: 400px; } } @media screen and (max-width: 480px) { body.tmpl_8 div.inhalt > div.content { margin-left: 5px; width: 300px; } } body.tmpl_8 div.inhalt div.contentHead { height: 67px; width: 100%; text-align: right; } body.tmpl_8 div.inhalt div.angebot { position: relative; min-height: 28.125rem; width: calc( 100% - 0.125rem ); width: -moz-calc( 100% - 0.125rem ); width: -webkit-calc( 100% - 0.125rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border: 1px solid #a79b89; margin-top: 1.625rem; /*a*/ /* div.angebot_head */ /* div.angebot_preview_content */ } body.tmpl_8 div.inhalt div.angebot a { color: #6f6f6e; line-height: 2em; /*i*/ } body.tmpl_8 div.inhalt div.angebot a i { font-size: 44px; vertical-align: bottom; } body.tmpl_8 div.inhalt div.angebot div.angebot_head { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #e4e1db; font-family: 'roboto', sans-serif; font-weight: 700; color: #414141; font-size: 1rem; /* div.angebot_firma */ /*angebot_branche*/ } @media screen and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head { font-size: 1.125rem; } } @media screen and (min-width: 1440px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head { font-size: 1.25rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_firma { overflow: hidden; padding: 0 1rem; padding-top: 1.5rem; padding-bottom: 0.5rem; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); /* span */ } @media screen and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_firma { padding-top: 0.75rem; padding-bottom: 0.75rem; width: calc( 50% - 2rem ); width: -moz-calc( 50% - 2rem ); width: -webkit-calc( 50% - 2rem ); } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_firma { padding: 1rem 0; width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); padding-left: 33.33333%; } } body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_firma span { display: inline-block; padding-left: 1rem; padding-top: 0.5rem; } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_firma span { padding-left: 3.5rem; padding-top: 0; } } body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_branche { border-left: 0.5rem solid white; padding-left: 1.5rem; display: none; /* span */ } @media screen and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_branche { display: block; padding-top: 0.75rem; padding-bottom: 0.75rem; width: calc( 50% - 2rem ); width: -moz-calc( 50% - 2rem ); width: -webkit-calc( 50% - 2rem ); } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_branche { padding-top: 1rem; padding-bottom: 1rem; width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); } } body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_branche span { display: inline-block; } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_head div.angebot_branche span { padding-left: 1.25rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* div.galerie */ /* div.prev_text */ /*div.angebot_info*/ /*div.adressContainer*/ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .mob { display: block; } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .mob { display: none; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .tabl { display: none; /* &.mob */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .tabl.mob { display: block; } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .tabl.mob { display: none; } } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .tabl { display: block; } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .tabl { display: none; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .desk { display: none; } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content .desk { display: block; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie { position: relative; display: inline-block; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /* span.abstand */ /* div.galerieContainer */ } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie { width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie span.abstand { display: block; width: 100%; margin-top: 55%; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie div.galerieContainer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; /* div.galInh */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie div.galerieContainer div.galInh { position: absolute; display: inline-block; left: 100%; top: 0; width: 100%; /* &.imgShow */ /* div.imgInh */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie div.galerieContainer div.galInh.imgShow { left: 0; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie div.galerieContainer div.galInh div.imgInh { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; /* img */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.galerie div.galerieContainer div.galInh div.imgInh img { display: block; width: 100%; height: auto; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.prev_text { padding: 0 0.5rem; padding-left: 2rem; padding-top: 0rem; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); font-size: 0.75rem; } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.prev_text { width: calc( 50% - 3rem ); width: -moz-calc( 50% - 3rem ); width: -webkit-calc( 50% - 3rem ); } } @media screen and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.prev_text { font-size: 0.875rem; width: calc( 50% - 3rem ); width: -moz-calc( 50% - 3rem ); width: -webkit-calc( 50% - 3rem ); } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.prev_text { width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-left: 1.5rem; } } @media screen and (min-width: 1440px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.prev_text { font-size: 1rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); padding: 1rem; /*div.angebot_info_rahmen*/ } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info { width: calc( 50% - 2rem ); width: -moz-calc( 50% - 2rem ); width: -webkit-calc( 50% - 2rem ); } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info { width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); margin: 0; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info div.angebot_info_rahmen { border: 1px solid #c9c9c9; /*div*/ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info div.angebot_info_rahmen div { width: 80%; margin: 1.75rem 10%; margin-left: 1rem; /*&.preis*/ /*&.gueltig*/ } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info div.angebot_info_rahmen div { margin-left: 1.75rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info div.angebot_info_rahmen div.preis { color: red; font-size: 1.375rem; font-weight: bold; } @media screen and (max-width: 767px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info div.angebot_info_rahmen div.preis { margin-top: 0.5rem; width: 90%; margin-left: 5%; font-size: 1.25rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info div.angebot_info_rahmen div.gueltig { color: #6f6f6e; font-size: 1.0625rem; margin-top: 1rem; } @media screen and (max-width: 1023px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.angebot_info div.angebot_info_rahmen div.gueltig { margin-top: 0.5rem; width: 90%; margin-left: 5%; font-size: 0.8rem; color: #414141; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer { -webkit-order: 4; -ms-flex-order: 4; order: 4; margin: 1rem; margin-top: 2rem; font-size: 0.75rem; width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); /* .box */ /*div.adressData.basis*/ } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer { width: calc( 50% - 2rem ); width: -moz-calc( 50% - 2rem ); width: -webkit-calc( 50% - 2rem ); } } @media screen and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer { font-size: 0.875rem; } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer { font-size: 1rem; width: calc( 66.6666666667% - 3rem ); width: -moz-calc( 66.6666666667% - 3rem ); width: -webkit-calc( 66.6666666667% - 3rem ); padding-left: 1rem; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 0rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer .box { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer .box .prev_text { width: calc( 50% - 2rem ); width: -moz-calc( 50% - 2rem ); width: -webkit-calc( 50% - 2rem ); margin-bottom: 1rem; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer .box .angebot_info { width: calc( 50% - 2rem ); width: -moz-calc( 50% - 2rem ); width: -webkit-calc( 50% - 2rem ); margin-bottom: 1rem; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis { display: block; position: relative; min-height: 220px; /* div.tab */ } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis { border: 1px solid #c9c9c9; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab { border: 1px solid #c9c9c9; position: relative; display: block; margin-top: 2rem; /* h4 */ /* div.tabInhalt*/ /* div.tabInhalt.show*/ } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab { border: 0 none; margin-top: 0rem; padding-bottom: 0rem; position: absolute; left: 0; padding: 1rem; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); z-index: 50; top: 3rem; height: calc(100% - 3rem); height: -moz-calc(100% - 3rem); height: -webkit-calc(100% - 3rem); z-index: 50; /* &.active */ /* &#adrTab1 */ /* &#adrTab2 */ /* &#adrTab3 */ /* &#adrTab3 */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab.active { z-index: 60; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab1 { /* h4 */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab1 h4 { top: -4rem; /* &:before */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab1 h4:before { display: none; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab2 { /* h4 */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab2 h4 { left: 150px; top: -1.75rem; /* &:before */ } } @media screen and (min-width: 768px) and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab2 h4 { top: -4rem; left: 84px; } } @media screen and (min-width: 768px) and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab2 h4 { left: 84px; } } @media screen and (min-width: 768px) and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab2 h4 { left: 124px; } } @media screen and (min-width: 768px) and (min-width: 1600px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab2 h4 { left: 150px; } } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 { /* h4 */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 h4 { left: 10px; top: -1.75rem; padding-left: 0.5em; /* &:before */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 h4:before { display: none; } } @media screen and (min-width: 768px) and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 h4:before { display: block; } } @media screen and (min-width: 768px) and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 h4 { left: 149px; top: -4rem; } } @media screen and (min-width: 768px) and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 h4 { top: -4rem; left: 228px; padding-left: 1.75em; } } @media screen and (min-width: 768px) and (min-width: 1600px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 h4 { left: 280px; } } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 .tabInhalt { position: relative; height: 125px; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 .tabInhalt .fkeScrollContent { display: inline-block; heigth: auto; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab3 .tabInhalt .fakeScrollBar { background-color: #a79b89; right: 15px; z-index: 500; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab4 { /* h4 */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab4 h4 { left: 110px; top: -4rem; padding-left: 0.5em; } } @media screen and (min-width: 768px) and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab4 h4 { left: 10px; top: -1.75rem; } } @media screen and (min-width: 768px) and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab4 h4 { left: 260px; top: -4rem; } } @media screen and (min-width: 768px) and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab4 h4 { top: -4rem; left: 397px; padding-left: 1.75em; } } @media screen and (min-width: 768px) and (min-width: 1600px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab#adrTab4 h4 { left: 480px; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4 { position: absolute; z-index: 20; margin: 0; padding: 0.5rem 0.5rem; font-family: 'roboto', sans-serif; font-weight: 700; font-size: 0.875rem; left: 10px; top: -1rem; background-color: #a79b89; color: white; cursor: pointer; /* span */ /* &:before */ /* &:after */ /* &.aktiv */ } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4 { top: -2rem; background-color: #e4e1db; } } @media screen and (min-width: 1600px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4 { font-size: 1.0625rem; padding: 0.5rem 1rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4 span { display: block; position: relative; z-index: 10; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4:before { display: none; background-color: #a79b89; content: ' '; position: absolute; z-index: 1; left: 0px; top: 0px; height: 100%; min-width: 40px; -webkit-transform: skewx(-45deg) translatex(-40px); -moz-transform: skewx(-45deg) translatex(-40px); -ms-transform: skewx(-45deg) translatex(-40px); transform: skewx(-45deg) translatex(-40px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4:before { background-color: #e4e1db; } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4:before { display: block; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4:after { content: ' '; position: absolute; z-index: 1; right: 0px; top: 0px; height: 100%; width: 40px; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; display: block; background-color: #a79b89; } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4:after { background-color: #e4e1db; display: none; } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4:after { display: block; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4.aktiv { z-index: 30; background-color: #a79b89; /* &:before */ /* &:after */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4.aktiv:before { background-color: #a79b89; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab h4.aktiv:after { background-color: #a79b89; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt { display: block; padding-top: 2rem; padding-left: 1rem; padding-bottom: 1rem; z-index: 50; color: #6f6f6e; /* span */ /* div.social*/ /* div.downloads */ } @media screen and (min-width: 768px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt { padding-top: 0rem; padding-left: 0rem; display: none; } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt { padding-left: 0.5rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt span { display: block; line-height: 1.75em; /* &.head */ /* a */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt span.head { font-weight: 700; color: #6f6f6e; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt span a { text-decoration: underline; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social { position: absolute; left: 0; bottom: 1rem; width: 100%; z-index: 30; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; /* a */ } @media screen and (max-width: 767px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social { height: 1.875rem; position: relative; margin-top: 2rem; } } @media screen and (max-width: 479px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social { height: 4rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a { color: #6f6f6e; background-repeat: no-repeat; background-size: 100% 100%; background-position: 50% 50%; margin-left: 1rem; /* img */ } @media screen and (max-width: 479px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a { margin-top: 0.5rem; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a img { width: 30px; height: 30px; display: block; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_1 { background-image: url(/images/ico_social_1.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_2 { background-image: url(/images/ico_social_2.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_3 { background-image: url(/images/ico_social_3.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_4 { background-image: url(/images/ico_social_4.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_5 { background-image: url(/images/ico_social_5.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_6 { background-image: url(/images/ico_social_6.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_7 { background-image: url(/images/ico_social_7.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_8 { background-image: url(/images/ico_social_8.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_9 { background-image: url(/images/ico_social_9.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.social a.scmed_10 { background-image: url(/images/ico_social_10.png); } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; /* a */ } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a { display: block; text-align: center; text-decoration: none; color: #6f6f6e; overflow: hidden; width: 100%; /* i */ } @media screen and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a { width: 50%; } } @media screen and (min-width: 1024px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a { width: 33%; } } @media screen and (min-width: 1280px) { body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a { width: 16%; } } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt div.downloads a i { display: block; font-size: 3rem; color: #d0d0d0; } body.tmpl_8 div.inhalt div.angebot div.angebot_preview_content div.adressContainer div.adressData.basis div.tab div.tabInhalt.show { display: block; } /* body.tmpl_8 */ /* tmpl_9*/ body.tmpl_9 { text-align: center; /*h3*/ /*div.kopfInhalt div.maske { height: 8vw; @media screen and (max-width: 1279px){ bottom: 4rem; } @media screen and (max-width: 1023px){ bottom: 17rem; height: 10vw; } }*/ /*div.kopfInhalt div.inhBox*/ /* div.inhalt */ } body.tmpl_9 .rahmen, body.tmpl_9 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_9 div.inh, body.tmpl_9 .mainNavi, body.tmpl_9 .mainMenu { text-align: left; } body.tmpl_9 .empty { display: none; } body.tmpl_9 div.kopfInhalt div.inhBox { text-align: left; bottom: 167px; /* 1024 bis 1280 */ /*inh*/ } @media screen and (max-width: 1599px) { body.tmpl_9 div.kopfInhalt div.inhBox { bottom: 0px; } } @media screen and (max-width: 1023px) { body.tmpl_9 div.kopfInhalt div.inhBox { bottom: -360px; } } @media screen and (max-width: 767px) { body.tmpl_9 div.kopfInhalt div.inhBox { bottom: -620px; } } body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 1650px; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /*content*/ } @media screen and (max-width: 1720px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 700px; } } @media screen and (max-width: 767px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 440px; } } @media screen and (max-width: 480px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh { width: 300px; } } body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content { width: calc(38.2% - 2rem); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /*h3*/ } @media screen and (max-width: 1719px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content { width: calc(45% - 2rem); } } @media screen and (max-width: 1023px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content { font-size: 1.125rem; } } @media screen and (max-width: 1599px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content { width: 62%; height: 14rem; } } @media screen and (max-width: 767px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content { height: 30rem; } } @media screen and (max-width: 1023px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); font-size: 1rem; } } body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.text { width: calc( 61.6666666667% - 1rem ); width: -moz-calc( 61.6666666667% - 1rem ); width: -webkit-calc( 61.6666666667% - 1rem ); } @media screen and (max-width: 1719px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.text { width: calc(67% - 1rem); } } @media screen and (max-width: 767px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.text { width: calc(100% - 0rem); } } body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { width: calc( 41% - 0rem ); width: -moz-calc( 41% - 0rem ); width: -webkit-calc( 41% - 0rem ); } body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo img { width: 100%; height: auto; } @media screen and (max-width: 1719px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { width: 33%; } } @media screen and (max-width: 1599px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { padding-top: 1rem; width: 33%; } } @media screen and (max-width: 767px) { body.tmpl_9 div.kopfInhalt div.inhBox div.inh div.content div.inh_logo { margin-left: 20%; margin-top: -15px; padding-top: 0rem; width: 60%; } } body.tmpl_9 div.kopfInhalt div.abstand { margin-top: 37.5%; } @media screen and (max-width: 767px) { body.tmpl_9 div.kopfInhalt div.abstand { margin-top: 64.5%; } } @media screen and (max-width: 1023px) { body.tmpl_9 div.kopfInhalt div.abstand { margin-top: 47.5%; } } @media screen and (max-width: 767px) { body.tmpl_9 div.kopfInhalt div.abstand { margin-top: 64.5%; } } body.tmpl_9 div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { right: auto; left: 1rem; } body.tmpl_9 div.inhalt { text-align: left; position: relative; z-index: 90; background-color: white; width: 1650px; margin-top: -100px; height: auto; display: inline-block; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ /* div.content */ } @media screen and (max-width: 1720px) { body.tmpl_9 div.inhalt { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_9 div.inhalt { width: 1200px; margin-top: 20px; } } @media screen and (max-width: 1279px) { body.tmpl_9 div.inhalt { width: 980px; margin-top: 85px; } } @media screen and (max-width: 1023px) { body.tmpl_9 div.inhalt { width: 700px; margin-top: 275px; } } @media screen and (max-width: 767px) { body.tmpl_9 div.inhalt { width: 600px; margin-top: 550px; } } @media screen and (max-width: 639px) { body.tmpl_9 div.inhalt { width: 440px; } } @media screen and (max-width: 480px) { body.tmpl_9 div.inhalt { width: 310px; } } body.tmpl_9 div.inhalt > div.content { margin-top: 25px; margin-left: 25px; width: 1600px; float: left; height: auto; display: inline-block; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ } @media screen and (max-width: 1720px) { body.tmpl_9 div.inhalt > div.content { width: 1450px; } } @media screen and (max-width: 1599px) { body.tmpl_9 div.inhalt > div.content { width: 1150px; } } @media screen and (max-width: 1279px) { body.tmpl_9 div.inhalt > div.content { width: 930px; } } @media screen and (max-width: 1023px) { body.tmpl_9 div.inhalt > div.content { width: 650px; } } @media screen and (max-width: 767px) { body.tmpl_9 div.inhalt > div.content { width: 560px; margin-left: 20px; margin-top: 35px; } } @media screen and (max-width: 639px) { body.tmpl_9 div.inhalt > div.content { width: 400px; } } @media screen and (max-width: 480px) { body.tmpl_9 div.inhalt > div.content { margin-left: 10px; width: 300px; } } body.tmpl_9.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_9.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_9.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_9.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_9.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_9.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } /* body.tmpl_8 */ /* tmpl_7 */ body.tmpl_10 { text-align: center; /*h3*/ /*div.kopfInhalt div.inhBox*/ } body.tmpl_10 .rahmen, body.tmpl_10 div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox body.tmpl_10 div.inh, body.tmpl_10 .mainNavi, body.tmpl_10 .mainMenu { text-align: left; } body.tmpl_10 .rahmen.inhalt, body.tmpl_10 div.kopfInhalt div.inhBox div.inhalt.inh, div.kopfInhalt div.inhBox body.tmpl_10 div.inhalt.inh { margin-bottom: 0 !important; } body.tmpl_10 div.kopfInhalt div.inhBox div.inh div.content h3 { padding-right: 4rem; } @media screen and (max-width: 639px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh div.content h3 { white-space: normal; width: 50%; top: -1.75rem; } } @media screen and (max-width: 479px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh div.content h3 { top: -2.75rem; } } body.tmpl_10 div.kopfInhalt div.inhBox div.inh div.content h3 span { position: relative; width: 100%; z-index: 100; } body.tmpl_10 div.kopfInhalt div.inhBox div.inh div.content h3:after { display: none; } body.tmpl_10 div.kopfInhalt div.inhBox { text-align: left; bottom: 176px; /* 1024 bis 1280 */ } @media screen and (max-width: 1599px) { body.tmpl_10 div.kopfInhalt div.inhBox { bottom: 150px; } } @media screen and (max-width: 1023px) { body.tmpl_10 div.kopfInhalt div.inhBox { bottom: -210px; } } @media screen and (max-width: 639px) { body.tmpl_10 div.kopfInhalt div.inhBox { bottom: -230px; } } @media screen and (max-width: 479px) { body.tmpl_10 div.kopfInhalt div.inhBox { bottom: -250px; } } body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 1650px; /* 1600 bis 1920 */ /* 1280 bis 1600 */ /* 1024 bis 1280 */ /* 768 bis 1024 */ /* 640 bis 768 */ /* 480 bis 640 */ /* 320 */ } @media screen and (max-width: 1720px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 700px; } } @media screen and (max-width: 767px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 440px; } } @media screen and (max-width: 480px) { body.tmpl_10 div.kopfInhalt div.inhBox div.inh { width: 310px; } } @media screen and (max-width: 1599px) { body.tmpl_10 div.kopfInhalt div.inhBox div.content { width: 50%; } } @media screen and (max-width: 1023px) { body.tmpl_10 div.kopfInhalt div.inhBox div.content { width: calc( 100% - 2rem ); width: -moz-calc( 100% - 2rem ); width: -webkit-calc( 100% - 2rem ); font-size: 1rem; } } body.tmpl_10 div.kopfInhalt div.abstand { margin-top: 36.4583333333%; } @media screen and (max-width: 1279px) { body.tmpl_10 div.kopfInhalt div.abstand { margin-top: 53.5%; } } @media screen and (max-width: 767px) { body.tmpl_10 div.kopfInhalt div.abstand { margin-top: 94.8%; } } body.tmpl_10 div.inhalt { text-align: left; position: relative; z-index: 90; background-color: white; width: 1650px; margin-top: -100px; height: auto; display: inline-block; /*.container{ width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; max-width: 1650px; } .row{ display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .col{ position: relative; width: 100%; min-height: 1px; // Prevent collapsing padding-right: 10px; padding-left: 10px; flex: 0 0 100%; max-width: 100%; @media screen and (min-width: 1024px){ flex: 0 0 50%; max-width: 50%; } @media screen and (min-width: 1600px){ flex: 0 0 33.3333333%; max-width: 33.3333333%; } }*/ } @media screen and (max-width: 1720px) { body.tmpl_10 div.inhalt { width: 1500px; } } @media screen and (max-width: 1599px) { body.tmpl_10 div.inhalt { width: 1200px; } } @media screen and (max-width: 1279px) { body.tmpl_10 div.inhalt { width: 980px; } } @media screen and (max-width: 1023px) { body.tmpl_10 div.inhalt { width: 700px; margin-top: 130px; } } @media screen and (max-width: 767px) { body.tmpl_10 div.inhalt { width: 600px; } } @media screen and (max-width: 639px) { body.tmpl_10 div.inhalt { width: 440px; margin-top: 150px; } } @media screen and (max-width: 480px) { body.tmpl_10 div.inhalt { width: 310px; margin-top: 170px; } } body.tmpl_10 div.inhalt .firmen { border-bottom: 2rem solid #f4f4f4; width: 100%; display: flex; justify-content: start; flex-wrap: wrap; } body.tmpl_10 div.inhalt .firmen .entry { flex: 0 0 100%; overflow: hidden; margin-top: 1rem; margin-right: 1rem; background-color: white; position: relative; border-bottom: 5px solid #4397c9; } @media screen and (min-width: 1024px) { body.tmpl_10 div.inhalt .firmen .entry { flex: 0 0 calc(50% - 0.5rem); } } @media screen and (min-width: 1600px) { body.tmpl_10 div.inhalt .firmen .entry { flex: 0 0 calc(33.3% - 0.64rem); } } body.tmpl_10 div.inhalt .firmen .entry:first-child { margin-top: 0; } @media screen and (min-width: 1024px) { body.tmpl_10 div.inhalt .firmen .entry:nth-child(2) { margin-top: 0; } } @media screen and (min-width: 1024px) { body.tmpl_10 div.inhalt .firmen .entry:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 1600px) { body.tmpl_10 div.inhalt .firmen .entry:nth-child(2n) { margin-right: 1rem; } } @media screen and (min-width: 1600px) { body.tmpl_10 div.inhalt .firmen .entry:nth-child(3) { margin-top: 0; } } @media screen and (min-width: 1600px) { body.tmpl_10 div.inhalt .firmen .entry:nth-child(3n) { margin-right: 0 !important; } } body.tmpl_10 div.inhalt .firmen .entry .header { position: absolute; background-color: #4397c9; font-size: 1rem; font-weight: 700; color: white; padding: 0.5em; top: 0; left: 0; z-index: 90; width: calc(100% - 1em); } @media screen and (min-width: 1024px) { body.tmpl_10 div.inhalt .firmen .entry .header { font-size: 1.375rem; min-height: 2.7em; align-items: center; display: flex; } } body.tmpl_10 div.inhalt .firmen .entry .logo-firma { padding-top: 2.25em; } @media screen and (min-width: 1024px) { body.tmpl_10 div.inhalt .firmen .entry .logo-firma { padding-top: 3.25em; } } body.tmpl_10.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_10.grey div.textblock div.tmpl_9_1.galerie div.galInh div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_10.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_10.grey div.textblock div.tmpl_9_1 div.objTmplInhalt h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_10.grey div.kopfInhalt div.inhBox div.inh div.content h3::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } body.tmpl_10.grey div.kopfInhalt div.inhBox div.inh div.content h3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #839fa4 0%, #71878b 100%) repeat scroll 0 0; } /* body.tmpl_7 */ /* Footer */ @CHARSET "ISO-8859-1"; footer { background-color: #86959a; -webkit-transition: all 7s; -moz-transition: all 7s; -o-transition: all 7s; transition: all 7s; position: relative; /* &.aktiv */ /* a.closeFooter */ /* .rahmen */ } footer.aktiv { background-color: rgba(134, 149, 154, 0.85); /* @media screen and (min-width: 1024px){ background-color: rgba(134, 149, 154, 0.85); } */ width: 100%; z-index: 500; position: absolute; left: 0; top: 0; /*a.closeFooter */ /* .rahmen */ } @media screen and (min-width: 768px) { footer.aktiv { position: fixed; bottom: 0; top: auto; } } footer.aktiv a.closeFooter { display: block; } footer.aktiv .rahmen, footer.aktiv div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox footer.aktiv div.inh { /* div#newsletterAnmeldung */ /* .footerlogo */ } footer.aktiv .rahmen div#newsletterAnmeldung, footer.aktiv div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung, div.kopfInhalt div.inhBox footer.aktiv div.inh div#newsletterAnmeldung { height: auto; /* h3 */ } @media screen and (min-width: 768px) { footer.aktiv .rahmen div#newsletterAnmeldung, footer.aktiv div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung, div.kopfInhalt div.inhBox footer.aktiv div.inh div#newsletterAnmeldung { height: 380px; } } footer.aktiv .rahmen div#newsletterAnmeldung h3, footer.aktiv div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3, div.kopfInhalt div.inhBox footer.aktiv div.inh div#newsletterAnmeldung h3 { display: block; margin-bottom: 1rem; } footer.aktiv .rahmen .footerlogo, footer.aktiv div.kopfInhalt div.inhBox div.inh .footerlogo, div.kopfInhalt div.inhBox footer.aktiv div.inh .footerlogo { background-color: rgba(1, 1, 1, 0); } footer a.closeFooter { display: none; position: absolute; top: 0; z-index: 50; width: 2rem; height: 2rem; right: calc( 50% - 155px); right: -moz-calc( 50% - 155px); right: -webkit-calc( 50% - 155px); /* &:before */ /* &:after */ } @media screen and (min-width: 480px) { footer a.closeFooter { right: calc( 50% - 220px - 1rem); right: -moz-calc( 50% - 220px - 1rem); right: -webkit-calc( 50% - 220px - 1rem); } } @media screen and (min-width: 640px) { footer a.closeFooter { right: calc( 50% - 300px - 1rem); right: -moz-calc( 50% - 300px - 1rem); right: -webkit-calc( 50% - 300px - 1rem); } } @media screen and (min-width: 700px) { footer a.closeFooter { right: calc( 50% - 350px + 1rem); right: -moz-calc( 50% - 350px + 1rem); right: -webkit-calc( 50% - 350px + 1rem); } } @media screen and (min-width: 1024px) { footer a.closeFooter { right: auto; left: calc( 50% + 140px - 1rem); left: -moz-calc( 50% + 140px - 1rem); left: -webkit-calc( 50% + 140px - 1rem); } } @media screen and (min-width: 1280px) { footer a.closeFooter { left: calc( 50% + 180px - 1rem); left: -moz-calc( 50% + 180px - 1rem); left: -webkit-calc( 50% + 180px - 1rem); } } @media screen and (min-width: 1600px) { footer a.closeFooter { left: calc( 50% + 230px - 1rem); left: -moz-calc( 50% + 230px - 1rem); left: -webkit-calc( 50% + 230px - 1rem); } } footer a.closeFooter:before { content: ' '; display: block; width: 1rem; height: 2px; background-color: white; position: absolute; left: 50%; top: 50%; margin-left: -0.5rem; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } footer a.closeFooter:after { content: ' '; display: block; width: 1rem; height: 2px; background-color: white; position: absolute; left: 50%; top: 50%; margin-left: -0.5rem; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } footer .rahmen, footer div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox footer div.inh { padding-bottom: 1rem; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 0; /* div.footerInh */ /* div#newsletterAnmeldung */ } @media screen and (min-width: 1024px) { footer .rahmen, footer div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox footer div.inh { width: 898px; } } @media screen and (min-width: 1280px) { footer .rahmen, footer div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox footer div.inh { width: 1118px; } } @media screen and (min-width: 1600px) { footer .rahmen, footer div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox footer div.inh { width: 1418px; } } @media screen and (min-width: 1720px) { footer .rahmen, footer div.kopfInhalt div.inhBox div.inh, div.kopfInhalt div.inhBox footer div.inh { width: 1570px; } } footer .rahmen div.footerInh, footer div.kopfInhalt div.inhBox div.inh div.footerInh, div.kopfInhalt div.inhBox footer div.inh div.footerInh { width: 310px; margin: 0 auto; } @media screen and (min-width: 480px) { footer .rahmen div.footerInh, footer div.kopfInhalt div.inhBox div.inh div.footerInh, div.kopfInhalt div.inhBox footer div.inh div.footerInh { width: 440px; } } @media screen and (min-width: 640px) { footer .rahmen div.footerInh, footer div.kopfInhalt div.inhBox div.inh div.footerInh, div.kopfInhalt div.inhBox footer div.inh div.footerInh { width: 600px; } } @media screen and (min-width: 768px) { footer .rahmen div.footerInh, footer div.kopfInhalt div.inhBox div.inh div.footerInh, div.kopfInhalt div.inhBox footer div.inh div.footerInh { width: 620px; } } @media screen and (min-width: 1024px) { footer .rahmen div.footerInh, footer div.kopfInhalt div.inhBox div.inh div.footerInh, div.kopfInhalt div.inhBox footer div.inh div.footerInh { width: auto; margin: 0; } } footer .rahmen .footerWrapper, footer div.kopfInhalt div.inhBox div.inh .footerWrapper, div.kopfInhalt div.inhBox footer div.inh .footerWrapper { width: 100%; flex-direction: column; justify-content: flex-start; display: flex; } @media screen and (min-width: 1024px) { footer .rahmen .footerWrapper, footer div.kopfInhalt div.inhBox div.inh .footerWrapper, div.kopfInhalt div.inhBox footer div.inh .footerWrapper { flex-direction: row; } } footer .rahmen .footerWrapper.noSponsor, footer div.kopfInhalt div.inhBox div.inh .footerWrapper.noSponsor, div.kopfInhalt div.inhBox footer div.inh .footerWrapper.noSponsor { justify-content: flex-end; } footer .rahmen .footerWrapper .footer_sponsor, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding-top: 1rem; } @media screen and (min-width: 1024px) { footer .rahmen .footerWrapper .footer_sponsor, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor { width: calc( 66.6666666667% - 0.5rem ); width: -moz-calc( 66.6666666667% - 0.5rem ); width: -webkit-calc( 66.6666666667% - 0.5rem ); } } footer .rahmen .footerWrapper .footer_sponsor .text_sponsor, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor .text_sponsor, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor .text_sponsor { color: white; width: 90%; margin: 0 auto; text-align: left; } @media screen and (min-width: 640px) { footer .rahmen .footerWrapper .footer_sponsor .text_sponsor, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor .text_sponsor, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor .text_sponsor { width: calc( 100% - 20px ); width: -moz-calc( 100% - 20px ); width: -webkit-calc( 100% - 20px ); margin-left: 10px; margin-right: 10px; } } footer .rahmen .footerWrapper .footer_sponsor .logo_sponsor, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor .logo_sponsor, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor .logo_sponsor { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (min-width: 1024px) { footer .rahmen .footerWrapper .footer_sponsor .logo_sponsor, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor .logo_sponsor, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor .logo_sponsor { justify-content: left; } } footer .rahmen .footerWrapper .footer_sponsor .logo_sponsor .logo_sponsor_item, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor .logo_sponsor .logo_sponsor_item, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor .logo_sponsor .logo_sponsor_item { position: relative; width: 100%; float: left; text-align: center; } @media screen and (min-width: 640px) { footer .rahmen .footerWrapper .footer_sponsor .logo_sponsor .logo_sponsor_item, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footer_sponsor .logo_sponsor .logo_sponsor_item, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footer_sponsor .logo_sponsor .logo_sponsor_item { width: auto; margin: 10px; } } footer .rahmen .footerWrapper .footerlogo, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo { width: 25%; text-align: right; float: left; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding-top: 1rem; /* div.footerInh*/ } @media screen and (min-width: 1024px) { footer .rahmen .footerWrapper .footerlogo, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo { width: calc( 33.3333333333% - 0.5rem ); width: -moz-calc( 33.3333333333% - 0.5rem ); width: -webkit-calc( 33.3333333333% - 0.5rem ); } } footer .rahmen .footerWrapper .footerlogo div.footerInh, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh { /*ul.footerNavi*/ /* img.logo */ } footer .rahmen .footerWrapper .footerlogo div.footerInh ul.footerNavi, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi { list-style: outside none none; padding: 0; margin: 0; color: #6f6f6e; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: baseline; -ms-flex-line-pack: baseline; align-content: baseline; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 1024px) { footer .rahmen .footerWrapper .footerlogo div.footerInh ul.footerNavi, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: justify; justify-content: flex-end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } footer .rahmen .footerWrapper .footerlogo div.footerInh ul.footerNavi > li, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li { margin-left: 0.5rem; color: white; /* a */ } footer .rahmen .footerWrapper .footerlogo div.footerInh ul.footerNavi > li:FIRST-CHILD, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li:FIRST-CHILD, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li:FIRST-CHILD { margin-left: 0; } footer .rahmen .footerWrapper .footerlogo div.footerInh ul.footerNavi > li a, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li a, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li a { color: white; /* &:link */ } footer .rahmen .footerWrapper .footerlogo div.footerInh ul.footerNavi > li a:link, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li a:link, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh ul.footerNavi > li a:link { color: white; } footer .rahmen .footerWrapper .footerlogo div.footerInh img.logo, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh img.logo, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh img.logo { display: block; margin: 20px auto 0 auto; /* &:after */ } @media screen and (min-width: 1024px) { footer .rahmen .footerWrapper .footerlogo div.footerInh img.logo, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh img.logo, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh img.logo { float: right; } } footer .rahmen .footerWrapper .footerlogo div.footerInh img.logo:after, footer div.kopfInhalt div.inhBox div.inh .footerWrapper .footerlogo div.footerInh img.logo:after, div.kopfInhalt div.inhBox footer div.inh .footerWrapper .footerlogo div.footerInh img.logo:after { display: block; content: ' '; clear: right; width: 1px; height: 1px; } footer .rahmen div#newsletterAnmeldung, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; height: 1px; overflow: hidden; position: relative; /* h3 */ /* form */ } @media screen and (min-width: 1024px) { footer .rahmen div#newsletterAnmeldung, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung { width: calc( 66.6666666667% - 0.5rem ); width: -moz-calc( 66.6666666667% - 0.5rem ); width: -webkit-calc( 66.6666666667% - 0.5rem ); } } footer .rahmen div#newsletterAnmeldung h3, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung h3 { position: relative; display: none; background-color: #afcc5e; margin: 0; font-family: 'roboto_condensed', sans-serif; font-weight: 700; font-size: 1.125rem; color: white; padding: 0.25rem 1rem; width: 250px; /* h3:after */ /* span */ } footer .rahmen div#newsletterAnmeldung h3:after, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3:after, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung h3:after { content: ' '; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; z-index: 1; -webkit-transform: skewx(-45deg) translatex(0px); -moz-transform: skewx(-45deg) translatex(0px); -ms-transform: skewx(-45deg) translatex(0px); transform: skewx(-45deg) translatex(0px); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; background-color: #afcc5e; } @media screen and (max-width: 1599px) { footer .rahmen div#newsletterAnmeldung h3:after, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3:after, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung h3:after { width: 70px; } } @media screen and (max-width: 1023px) { footer .rahmen div#newsletterAnmeldung h3:after, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3:after, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung h3:after { width: 40px; } } @media screen and (max-width: 639px) { footer .rahmen div#newsletterAnmeldung h3:after, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3:after, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung h3:after { width: 40px; } } @media screen and (max-width: 479px) { footer .rahmen div#newsletterAnmeldung h3:after, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3:after, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung h3:after { width: 70px; } } footer .rahmen div#newsletterAnmeldung h3 span, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung h3 span, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung h3 span { position: relative; z-index: 30; } footer .rahmen div#newsletterAnmeldung form, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form { /* div.spalte */ } footer .rahmen div#newsletterAnmeldung form div.spalte, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /* span.formularFeld.checkbox */ /* span.formularFeld.select{ label{ color: white; @include font-roboto-condesed(700); @include font-px2rem(18); @media screen and (min-width: 640px){ @include my-box(4, 1.5); } } label select{ @media screen and (min-width: 640px){ @include my-box(8, 1.5); } } select } span.formularFeld.select */ /* span.formularFeld.name */ /* span.formularFeld.plzort */ /* span.formularFeld.button */ } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox { /* label */ } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label { color: white; font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 0.875rem; } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label a, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label a, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label a { text-decoration: underline; color: white; } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox input[type="checkbox"] + label::before, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox input[type="checkbox"] + label::before, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox input[type="checkbox"] + label::before { background-color: white; } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.name, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.name, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.name { /* input */ } @media screen and (min-width: 640px) { footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.name input, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.name input, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.name input { width: calc( 50% - 1.5rem ); width: -moz-calc( 50% - 1.5rem ); width: -webkit-calc( 50% - 1.5rem ); } } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.plzort, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.plzort, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.plzort { /* input[name="inpPostleitzahl"] */ /* input[name="inpPostleitzahl"] */ } @media screen and (min-width: 640px) { footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input[name="inpPostleitzahl"], footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input[name="inpPostleitzahl"], div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input[name="inpPostleitzahl"] { width: calc( 33.3333333333% - 1.5rem ); width: -moz-calc( 33.3333333333% - 1.5rem ); width: -webkit-calc( 33.3333333333% - 1.5rem ); } } @media screen and (min-width: 640px) { footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input[name="inpOrt"], footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input[name="inpOrt"], div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input[name="inpOrt"] { width: calc( 66.6666666667% - 1.5rem ); width: -moz-calc( 66.6666666667% - 1.5rem ); width: -webkit-calc( 66.6666666667% - 1.5rem ); } } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.button, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button { /* input */ } footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.button input, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input { background-color: #afcc5e; } @media screen and (min-width: 640px) { footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.button input, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input { width: calc( 41.6666666667% - 1.5rem ); width: -moz-calc( 41.6666666667% - 1.5rem ); width: -webkit-calc( 41.6666666667% - 1.5rem ); margin-left: 70%; } } @media screen and (min-width: 1024px) { footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.button input, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input { width: calc( 50% - 1.5rem ); width: -moz-calc( 50% - 1.5rem ); width: -webkit-calc( 50% - 1.5rem ); margin-left: 50%; } } @media screen and (min-width: 1280px) { footer .rahmen div#newsletterAnmeldung form div.spalte span.formularFeld.button input, footer div.kopfInhalt div.inhBox div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input, div.kopfInhalt div.inhBox footer div.inh div#newsletterAnmeldung form div.spalte span.formularFeld.button input { margin: 0; width: 100%; } } /*footer*/ body.tmpl_3 footer { margin-top: -75px; } @media screen and (min-width: 1024px) { body.tmpl_3 footer { margin-top: 0; } } body.tmpl_3 footer.aktiv { margin-top: 0; } /* preview */ #previewFormular { background-color: white; position: fixed; top: 20%; left: 40%; width: 20%; height: auto; z-index: 9999; padding-bottom: 10px; display: none; border: 2px solid #2196f3; box-shadow: 0 0 10px black; } #previewFormular input, #previewFormular select, #previewFormular textarea, #previewFormular label, #previewFormular button { display: block; margin: 0 auto; text-align: center; width: 90%; margin-bottom: 5px; border: 1px solid black; } #previewFormular label, #previewFormular button { border: 2px solid #2196f3; margin-top: 20px; } #previewFormular button { background-color: #2196f3; text-transform: uppercase; font-weight: 700; cursor: pointer; color: white; height: 50px; } #previewFormular button:hover { background-color: white; color: #2196f3; } #previewFormular textarea { text-align: left; height: 100px; } #togglePreviewButton { position: fixed; top: 20px; left: 50%; cursor: pointer; width: 120px; margin-left: -80px; background-color: #2196f3; color: white; text-align: center; padding: 20px; z-index: 999; text-transform: uppercase; font-weight: 700; } .previewButton { display: none; position: relative; float: right; color: white; background-color: #2196f3; text-align: center; padding: 3px; z-index: 999; text-transform: uppercase; font-weight: 700; } .previewButton.previewSeite { position: fixed; top: 90px; left: 50%; width: 160px; margin-left: -80px; float: none; } .previewButton.previewBild { position: absolute; top: 0; } @font-face { font-family: 'source_sans_proregular'; src: url("/cms_jscript/alertbox/fnt/sourcesanspro-regular-webfont.eot"); src: url("/cms_jscript/alertbox/fnt/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/cms_jscript/alertbox/fnt/sourcesanspro-regular-webfont.woff") format("woff"), url("/cms_jscript/alertbox/fnt/sourcesanspro-regular-webfont.ttf") format("truetype"), url("/cms_jscript/alertbox/fnt/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg"); font-weight: normal; font-style: normal; } div#inaktivBox { position: fixed; z-index: 20000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(1, 1, 1, 0.8); display: none; } div#alertBox { background-color: rgba(1, 1, 1, 0.8); position: fixed; z-index: 30000; display: none; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100vW; height: 100vH; left: 0; top: 0; } div.alertBoxaktiv#alertBox { display: -ms-flexbox; display: -webkit-flex; display: flex; } div#alertBox div.alertBoxInhalt { position: relative; width: 300px; min-height: 198px; font-family: "source_sans_proregular"; background-color: #f6f5f1; border-top: 2px solid #efefef; border-left: 2px solid #efefef; border-right: 2px solid #3a3a3b; border-bottom: 2px solid #3a3a3b; -moz-box-shadow: 3px 3px 5px 2px #111111; -webkit-box-shadow: 3px 3px 5px 2px #111111; box-shadow: 3px 3px 5px 2px #111111; border-radius: 8px; overflow: hidden; text-align: center; } div#alertBox div.alertBoxInhalt div.alertBoxtoolbar { font-weight: bold; padding: 5px; color: #222222; border-bottom: 1px solid #157dfa; text-align: center; } div#alertBox div.alertBoxInhalt div.alertBoxcontent { padding: 15px; color: #222222; font-size: 0.875rem; padding-bottom: 4rem; } div.alertBoxbuttonContainer { position: absolute; bottom: 10px; border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline; margin-left: 10px; margin-right: 10px; vertical-align: baseline; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); } div.alertBoxbuttonContainer ul { margin: 0; padding: 0; list-style: none outside none; border: 1px solid #157dfa; border-radius: 6px; display: table; font-size: 13px; table-layout: fixed; width: 100%; overflow: hidden; } div.alertBoxbuttonContainer ul li { list-style: none; margin: 0; padding: 0; display: table-cell; } div.alertBoxbuttonContainer ul li a { color: #157dfa; display: block; line-height: 28px; text-align: center; width: 100%; text-decoration: none; border-left: 1px solid #157dfa; } div.alertBoxbuttonContainer ul li:first-child a { border-left: none; } div.alertBoxbuttonContainer ul li a:hover { background-color: #157dfa; color: white; } div#newsletterAnmeldung form, form#form { color: #6f6f6e; padding: 0.5rem 0; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /*@media screen and (min-width: 1024px){ width: 51.25rem; } @media screen and (min-width: 1280px){ width: 860px; } @media screen and (min-width: 1600px){ width: 73.75rem; }*/ margin: 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* div.spalte */ } div#newsletterAnmeldung form label.second, form#form label.second { display: none; } div#newsletterAnmeldung form div.spalte, form#form div.spalte { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: baseline; -ms-flex-line-pack: baseline; align-content: baseline; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: end; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /* div.formularFeld */ } div#newsletterAnmeldung form div.spalte > div, form#form div.spalte > div { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: baseline; -ms-flex-line-pack: baseline; align-content: baseline; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } @media screen and (min-width: 1024px) { div#newsletterAnmeldung form div.spalte > div, form#form div.spalte > div { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media screen and (min-width: 1024px) { div#newsletterAnmeldung form div.spalte, form#form div.spalte { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld, form#form div.spalte span.formularFeld { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); margin-bottom: 1rem; /*display: flex;*/ /* &.formopt */ /* input */ /* textarea */ /* div.form_wiederholung */ /* span.desc */ /* &.name */ /* &.name */ /* &.name */ /* &.text_fld */ /* &.button */ /* &.checkbox */ /* &.capacha */ /* &.select */ /* &.schleifea */ /*.abstufung*/ /*.abstufung*/ /* &.auswahlparameter */ /* select */ /* label */ } @media screen and (min-width: 1024px) { div#newsletterAnmeldung form div.spalte span.formularFeld, form#form div.spalte span.formularFeld { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.formopt, form#form div.spalte span.formularFeld.formopt { display: none; } div#newsletterAnmeldung form div.spalte span.formularFeld input, form#form div.spalte span.formularFeld input { padding: 0 0.5rem; } div#newsletterAnmeldung form div.spalte span.formularFeld textarea, form#form div.spalte span.formularFeld textarea { padding: 0 0.5rem; overflow: auto; } div#newsletterAnmeldung form div.spalte span.formularFeld div.form_wiederholung, form#form div.spalte span.formularFeld div.form_wiederholung { display: none; } div#newsletterAnmeldung form div.spalte span.formularFeld span.desc, form#form div.spalte span.formularFeld span.desc { display: block; width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); margin-left: 50%; } div#newsletterAnmeldung form div.spalte span.formularFeld.name, form#form div.spalte span.formularFeld.name { /* input */ } div#newsletterAnmeldung form div.spalte span.formularFeld.name label, form#form div.spalte span.formularFeld.name label { font-weight: bold; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.name label, form#form div.spalte span.formularFeld.name label { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.name input, form#form div.spalte span.formularFeld.name input { margin-bottom: 0.5rem; border: 0 none; border-radius: 0.125rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #f4f4f4; color: #6f6f6e; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.name input, form#form div.spalte span.formularFeld.name input { margin: 0; width: calc( 50% - 1.5rem ); width: -moz-calc( 50% - 1.5rem ); width: -webkit-calc( 50% - 1.5rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.plzort, form#form div.spalte span.formularFeld.plzort { /* input */ } div#newsletterAnmeldung form div.spalte span.formularFeld.plzort label, form#form div.spalte span.formularFeld.plzort label { font-weight: bold; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.plzort label, form#form div.spalte span.formularFeld.plzort label { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input, form#form div.spalte span.formularFeld.plzort input { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #f4f4f4; border: 0 none; border-radius: 0.125rem; width: calc( 16.6666666667% - 1rem ); width: -moz-calc( 16.6666666667% - 1rem ); width: -webkit-calc( 16.6666666667% - 1rem ); color: #6f6f6e; margin-bottom: 0.5rem; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); /* &:nth-child(1) */ /* &:nth-child(1) */ } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input:nth-child(1), form#form div.spalte span.formularFeld.plzort input:nth-child(1) { margin: 0; width: calc( 33.3333333333% - 1.5rem ); width: -moz-calc( 33.3333333333% - 1.5rem ); width: -webkit-calc( 33.3333333333% - 1.5rem ); } } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.plzort input:nth-child(2), form#form div.spalte span.formularFeld.plzort input:nth-child(2) { margin: 0; width: calc( 66.6666666667% - 1.5rem ); width: -moz-calc( 66.6666666667% - 1.5rem ); width: -webkit-calc( 66.6666666667% - 1.5rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.strnr, form#form div.spalte span.formularFeld.strnr { /* input */ } div#newsletterAnmeldung form div.spalte span.formularFeld.strnr input, form#form div.spalte span.formularFeld.strnr input { margin-bottom: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #f4f4f4; border: 0 none; border-radius: 0.125rem; color: #6f6f6e; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /* &:nth-child(1) */ /* &:nth-child(1) */ } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.strnr input:nth-child(1), form#form div.spalte span.formularFeld.strnr input:nth-child(1) { margin: 0; width: calc( 66.6666666667% - 1.5rem ); width: -moz-calc( 66.6666666667% - 1.5rem ); width: -webkit-calc( 66.6666666667% - 1.5rem ); } } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.strnr input:nth-child(2), form#form div.spalte span.formularFeld.strnr input:nth-child(2) { margin: 0; width: calc( 33.3333333333% - 1.5rem ); width: -moz-calc( 33.3333333333% - 1.5rem ); width: -webkit-calc( 33.3333333333% - 1.5rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.info, form#form div.spalte span.formularFeld.info { margin: 0 auto; width: calc( 100% - 1.5rem ); width: -moz-calc( 100% - 1.5rem ); width: -webkit-calc( 100% - 1.5rem ); /* .infotext */ } @media screen and (min-width: 1024px) { div#newsletterAnmeldung form div.spalte span.formularFeld.info, form#form div.spalte span.formularFeld.info { width: 100%; } } div#newsletterAnmeldung form div.spalte span.formularFeld.info .infotext, form#form div.spalte span.formularFeld.info .infotext { font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1rem; } div#newsletterAnmeldung form div.spalte span.formularFeld.text_fld, form#form div.spalte span.formularFeld.text_fld { /* input */ /* textarea */ } div#newsletterAnmeldung form div.spalte span.formularFeld.text_fld input, form#form div.spalte span.formularFeld.text_fld input { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #f4f4f4; color: #6f6f6e; border: 0 none; border-radius: 0.125rem; } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.text_fld input, form#form div.spalte span.formularFeld.text_fld input { width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.text_fld textarea, form#form div.spalte span.formularFeld.text_fld textarea { width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #f4f4f4; color: #6f6f6e; border: 0 none; border-radius: 0.125rem; } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.text_fld textarea, form#form div.spalte span.formularFeld.text_fld textarea { width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.button, form#form div.spalte span.formularFeld.button { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); text-align: right; /* input */ } @media screen and (min-width: 768px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button, form#form div.spalte span.formularFeld.button { width: calc( 50% - 1.5rem ); width: -moz-calc( 50% - 1.5rem ); width: -webkit-calc( 50% - 1.5rem ); margin-right: 0.5rem; margin-left: 0.5rem; } } @media screen and (min-width: 1024px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button, form#form div.spalte span.formularFeld.button { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); margin-left: 0.75rem; margin-right: 0rem; } } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button, form#form div.spalte span.formularFeld.button { width: calc( 25% - 0.5rem ); width: -moz-calc( 25% - 0.5rem ); width: -webkit-calc( 25% - 0.5rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.button input, form#form div.spalte span.formularFeld.button input { color: white; border: 0 none; background-color: #a79b89; padding: 0.25rem 0.5rem; text-transform: uppercase; border-radius: 0.125rem; width: 100%; cursor: pointer; font-size: 1rem; } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button input, form#form div.spalte span.formularFeld.button input { font-size: 0.75rem; } } @media screen and (min-width: 1600px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button input, form#form div.spalte span.formularFeld.button input { font-size: 1rem; } } @media screen and (min-width: 768px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button.odd, form#form div.spalte span.formularFeld.button.odd { margin-right: 1rem; } } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button.odd, form#form div.spalte span.formularFeld.button.odd { margin-left: 50%; } } @media screen and (min-width: 768px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button.even, form#form div.spalte span.formularFeld.button.even { margin-left: 1rem; } } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.button.even, form#form div.spalte span.formularFeld.button.even { margin-left: 0; margin-right: 0; } } div#newsletterAnmeldung form div.spalte span.formularFeld.checkboxAbsenderEmail, div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox, form#form div.spalte span.formularFeld.checkboxAbsenderEmail, form#form div.spalte span.formularFeld.checkbox { border: 0 none; border-radius: 0.125rem; /* input */ /* label */ } div#newsletterAnmeldung form div.spalte span.formularFeld.checkboxAbsenderEmail label, div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label, form#form div.spalte span.formularFeld.checkboxAbsenderEmail label, form#form div.spalte span.formularFeld.checkbox label { font-weight: bold; display: flex; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld.checkboxAbsenderEmail input[type="checkbox"] + label:before, div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox input[type="checkbox"] + label:before, form#form div.spalte span.formularFeld.checkboxAbsenderEmail input[type="checkbox"] + label:before, form#form div.spalte span.formularFeld.checkbox input[type="checkbox"] + label:before { border-radius: 2px; content: "\00a0"; display: inline-block; font-size: 0.9rem; height: 1.3125rem; width: 1.3125rem; min-width: 1.3125rem; margin: 0 0.5rem 0 0.25rem; padding: 0; vertical-align: middle; background-color: #a6a9aa; border: 1px solid #a6a9aa; } div#newsletterAnmeldung form div.spalte span.formularFeld.checkboxAbsenderEmail input[type="checkbox"]:checked + label:before, div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox input[type="checkbox"]:checked + label:before, form#form div.spalte span.formularFeld.checkboxAbsenderEmail input[type="checkbox"]:checked + label:before, form#form div.spalte span.formularFeld.checkbox input[type="checkbox"]:checked + label:before { color: #6f6f6e; content: "\2713"; text-align: center; background-color: white; } div#newsletterAnmeldung form div.spalte span.formularFeld.checkboxAbsenderEmail input, div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox input, form#form div.spalte span.formularFeld.checkboxAbsenderEmail input, form#form div.spalte span.formularFeld.checkbox input { display: none; /* &:checked */ } div#newsletterAnmeldung form div.spalte span.formularFeld.checkboxAbsenderEmail input:checked, div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox input:checked, form#form div.spalte span.formularFeld.checkboxAbsenderEmail input:checked, form#form div.spalte span.formularFeld.checkbox input:checked { background-color: white; } div#newsletterAnmeldung form div.spalte span.formularFeld.checkboxAbsenderEmail label, div#newsletterAnmeldung form div.spalte span.formularFeld.checkbox label, form#form div.spalte span.formularFeld.checkboxAbsenderEmail label, form#form div.spalte span.formularFeld.checkbox label { font-family: 'roboto_condensed', sans-serif; font-weight: 400; font-size: 1rem; text-align: left; } div#newsletterAnmeldung form div.spalte span.formularFeld.capacha, form#form div.spalte span.formularFeld.capacha { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; /* img */ /* input */ } div#newsletterAnmeldung form div.spalte span.formularFeld.capacha img, form#form div.spalte span.formularFeld.capacha img { width: calc( 33.3333333333% - 2rem ); width: -moz-calc( 33.3333333333% - 2rem ); width: -webkit-calc( 33.3333333333% - 2rem ); height: auto; } div#newsletterAnmeldung form div.spalte span.formularFeld.capacha input, form#form div.spalte span.formularFeld.capacha input { width: calc( 66.6666666667% - 2rem ); width: -moz-calc( 66.6666666667% - 2rem ); width: -webkit-calc( 66.6666666667% - 2rem ); height: 1.4em; } div#newsletterAnmeldung form div.spalte span.formularFeld.select, form#form div.spalte span.formularFeld.select { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border: 0 none; border-radius: 0.125rem; /* label */ /* select */ } div#newsletterAnmeldung form div.spalte span.formularFeld.select label, form#form div.spalte span.formularFeld.select label { display: none; font-weight: bold; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.select label, form#form div.spalte span.formularFeld.select label { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.select select, form#form div.spalte span.formularFeld.select select { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); /* @media screen and (min-width: 1280px){ @include my-box(6,0); } */ border: 0 none; color: #6f6f6e; background-color: #f4f4f4; /* styling and reset */ line-height: 1.5em; padding: 0; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.225em; padding-bottom: 0.15em; border-radius: 0.125rem; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } div#newsletterAnmeldung form div.spalte span.formularFeld.select select option, form#form div.spalte span.formularFeld.select select option { padding-top: 0.25rem; padding-bottom: 0.25rem; color: #6f6f6e; } div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea, form#form div.spalte span.formularFeld.schleifea { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* label */ /* select */ } div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea > label, form#form div.spalte span.formularFeld.schleifea > label { font-weight: bold; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea > label, form#form div.spalte span.formularFeld.schleifea > label { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea > select, form#form div.spalte span.formularFeld.schleifea > select { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: calc( 100% - 0rem ); width: -moz-calc( 100% - 0rem ); width: -webkit-calc( 100% - 0rem ); padding: 0.5rem; border: 0 none; border-radius: 0.125rem; color: #6f6f6e; /*anpassungen pfeil*/ background: linear-gradient(45deg, transparent 50%, #6f6f6e 50%), linear-gradient(135deg, #6f6f6e 50%, transparent 50%), linear-gradient(to right, #f4f4f4, #f4f4f4); background-color: #f4f4f4; background-position: calc(100% - 21px) calc(1em + 2px), calc(100% - 16px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; /* styling and reset */ line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; border-radius: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea > select, form#form div.spalte span.formularFeld.schleifea > select { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea > select option, form#form div.spalte span.formularFeld.schleifea > select option { padding-top: 0.25rem; padding-bottom: 0.25rem; } div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea div.form_wiederholung_inh, form#form div.spalte span.formularFeld.schleifea div.form_wiederholung_inh { -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 100%; margin-top: 1.25rem; } div#newsletterAnmeldung form div.spalte span.formularFeld.schleifea div.form_wiederholung_inh fieldset, form#form div.spalte span.formularFeld.schleifea div.form_wiederholung_inh fieldset { margin-bottom: 1rem; margin-left: 0; margin-right: 0; border: 0.0625rem solid #6f6f6e; border-radius: 0.125rem; width: calc( 100% - 1.5rem ); width: -moz-calc( 100% - 1.5rem ); width: -webkit-calc( 100% - 1.5rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld.radio label, form#form div.spalte span.formularFeld.radio label { font-weight: bold; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); display: flex; } div#newsletterAnmeldung form div.spalte span.formularFeld.radio div.werte, form#form div.spalte span.formularFeld.radio div.werte { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: justify; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld.radio div.werte input[type='radio'], form#form div.spalte span.formularFeld.radio div.werte input[type='radio'] { width: calc( 16.6666666667% - 1rem ); width: -moz-calc( 16.6666666667% - 1rem ); width: -webkit-calc( 16.6666666667% - 1rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld.radio div.werte input[type="checkbox"], form#form div.spalte span.formularFeld.radio div.werte input[type="checkbox"] { display: none; margin-left: 50%; } div#newsletterAnmeldung form div.spalte span.formularFeld.radio div.werte label, form#form div.spalte span.formularFeld.radio div.werte label { font-weight: bold; cursor: pointer; color: #6f6f6e; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); display: flex; } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld.radio div.werte label, form#form div.spalte span.formularFeld.radio div.werte label { margin-left: calc( 50% + 0.5rem); margin-left: -moz-calc( 50% + 0.5rem); margin-left: -webkit-calc( 50% + 0.5rem); width: calc( 41.6666666667% - 1rem ); width: -moz-calc( 41.6666666667% - 1rem ); width: -webkit-calc( 41.6666666667% - 1rem ); } } div#newsletterAnmeldung form div.spalte span.formularFeld.radio div.werte input[type="checkbox"] + label:before, form#form div.spalte span.formularFeld.radio div.werte input[type="checkbox"] + label:before { border-radius: 2px; content: "\00a0"; display: inline-block; font-size: 0.9rem; height: 1.3125rem; width: 1.3125rem; min-width: 1.3125rem; margin: 0 0.5rem 0 0.25rem; padding: 0; vertical-align: middle; background-color: #a6a9aa; } div#newsletterAnmeldung form div.spalte span.formularFeld.radio div.werte input[type="checkbox"]:checked + label:before, form#form div.spalte span.formularFeld.radio div.werte input[type="checkbox"]:checked + label:before { color: #6f6f6e; content: "\2713"; text-align: center; } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter, form#form div.spalte span.formularFeld.auswahlparameter { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; /* span */ /* input */ /* input[type='text'] */ } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter label, form#form div.spalte span.formularFeld.auswahlparameter label { font-weight: bold; display: flex; } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter span, form#form div.spalte span.formularFeld.auswahlparameter span { display: flex; /* &:nth-child(1) */ /* &:nth-child(1) */ /* &:nth-child(1) */ } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter span:nth-child(1), form#form div.spalte span.formularFeld.auswahlparameter span:nth-child(1) { width: calc( 33.3333333333% - 0rem ); width: -moz-calc( 33.3333333333% - 0rem ); width: -webkit-calc( 33.3333333333% - 0rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter span:nth-child(2), form#form div.spalte span.formularFeld.auswahlparameter span:nth-child(2) { width: calc( 16.6666666667% - 0rem ); width: -moz-calc( 16.6666666667% - 0rem ); width: -webkit-calc( 16.6666666667% - 0rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter span:nth-child(3), form#form div.spalte span.formularFeld.auswahlparameter span:nth-child(3) { width: calc( 50% - 0rem ); width: -moz-calc( 50% - 0rem ); width: -webkit-calc( 50% - 0rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter input[type='checkbox'], form#form div.spalte span.formularFeld.auswahlparameter input[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #a79b89; width: 1.5rem; height: 1.5rem; border: 0 none; border-radius: 0.5rem; /* &:checked */ } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter input[type='checkbox']:checked, form#form div.spalte span.formularFeld.auswahlparameter input[type='checkbox']:checked { background-color: white; } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter input[type='text'], form#form div.spalte span.formularFeld.auswahlparameter input[type='text'] { display: none; border: 0 none; border-radius: 0.125rem; padding: 0.5rem; border: 0 none; border-radius: 0.125rem; background-color: #f4f4f4; color: #6f6f6e; width: 100%; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); /* &.aktiv */ } div#newsletterAnmeldung form div.spalte span.formularFeld.auswahlparameter input[type='text'].aktiv, form#form div.spalte span.formularFeld.auswahlparameter input[type='text'].aktiv { display: flex; } div#newsletterAnmeldung form div.spalte span.formularFeld select, form#form div.spalte span.formularFeld select { width: calc( 83.3333333333% - 1rem ); width: -moz-calc( 83.3333333333% - 1rem ); width: -webkit-calc( 83.3333333333% - 1rem ); } div#newsletterAnmeldung form div.spalte span.formularFeld label, form#form div.spalte span.formularFeld label { font-weight: bold; border: none; margin-top: 0.25rem; margin-bottom: 0.25rem; font-size: 1.125rem; width: calc( 100% - 1rem ); width: -moz-calc( 100% - 1rem ); width: -webkit-calc( 100% - 1rem ); } @media screen and (min-width: 1280px) { div#newsletterAnmeldung form div.spalte span.formularFeld label, form#form div.spalte span.formularFeld label { width: calc( 50% - 1rem ); width: -moz-calc( 50% - 1rem ); width: -webkit-calc( 50% - 1rem ); } } /* form#form */ .slick-track { display: flex !important; } .slick-slide { height: inherit !important; } .slick-dots { position: relative; margin-top: 0.5rem; height: 1.75rem; bottom: 0; } @media screen and (min-width: 1024px) { .slick-dots { margin-top: 1rem; height: 2.25rem; } } .slick-dots li { margin: 0 0.375rem; width: 8px; height: 8px; } @media screen and (min-width: 1024px) { .slick-dots li { margin: 0 0.5rem; width: 1rem; height: 1rem; } } .slick-dots li button { font-size: 0; width: 8px; height: 8px; color: transparent; background-color: #e8e8e8; border-radius: 50%; } @media screen and (min-width: 1024px) { .slick-dots li button { width: 1rem; height: 1rem; } } .slick-dots li button:before { content: ' '; width: 9px; height: 9px; border-radius: 50%; } @media screen and (min-width: 1024px) { .slick-dots li button:before { width: 1rem; height: 1rem; } } .slick-dots li.slick-active button:before { background-color: #4397c9; } .slick-prev:before, .slick-next:before { background-color: rgba(0, 0, 0, 0.2); width: 0.9375em; height: 0.9375em; display: block; line-height: 0.5; border-radius: 50%; } .slick-prev { top: calc(50% - 1.5rem); left: 0.25rem; z-index: 50; } .slick-prev:before { font-size: 2rem; content: '\2039'; } @media screen and (min-width: 1280px) { .slick-prev:before { font-size: 3rem; } } .slick-next { top: calc(50% - 1.5rem); right: 0.85rem; z-index: 50; } @media screen and (min-width: 1280px) { .slick-next { right: 2rem; } } .slick-next:before { font-size: 2rem; content: '\203A'; } @media screen and (min-width: 1280px) { .slick-next:before { font-size: 3rem; } } section.section_2025 { text-align: left; } section.section_2025.section_101 { box-shadow: -1rem -1rem 1rem rgba(0, 0, 0, 0.5); position: fixed; right: -100vw; bottom: 20vh; z-index: 100; -webkit-transition: right 0.7s; -moz-transition: right 0.7s; -o-transition: right 0.7s; transition: right 0.7s; width: 75%; } @media screen and (min-width: 400px) { section.section_2025.section_101 { width: 20.3125rem; } } @media screen and (min-width: 1024px) { section.section_2025.section_101 { width: 33.854vw; } } @media screen and (min-width: 1800px) { section.section_2025.section_101 { width: 40.625rem; } } section.section_2025.section_101.aktiv { right: 0; } section.section_2025.section_101 .content-container { width: 100%; position: relative; } section.section_2025.section_101 .content-container .overlay-button { position: absolute; left: 0.625rem; top: 0.625rem; } section.section_2025.section_101 .content-container .overlay-button .close-button { border: 1px solid #758386; width: 1.875rem; height: 1.875rem; display: block; } @media screen and (min-width: 1024px) { section.section_2025.section_101 .content-container .overlay-button .close-button { width: 3.125vw; height: 3.125vw; } } @media screen and (min-width: 1800px) { section.section_2025.section_101 .content-container .overlay-button .close-button { width: 3.75rem; height: 3.75rem; } } section.section_2025.section_101 .content-container .overlay-button .close-button:after { content: ""; position: absolute; border-top: 1px solid #758386; transform: rotate(45deg); transform-origin: 0 0; top: 0; left: 0; width: 2.75rem; } @media screen and (min-width: 1024px) { section.section_2025.section_101 .content-container .overlay-button .close-button:after { width: 4.5vw; } } @media screen and (min-width: 1800px) { section.section_2025.section_101 .content-container .overlay-button .close-button:after { width: 5.375rem; } } section.section_2025.section_101 .content-container .overlay-button .close-button:before { content: ""; position: absolute; border-top: 1px solid #758386; transform: rotate(-45deg); transform-origin: 0 0; bottom: 0; left: 0; width: 2.75rem; } @media screen and (min-width: 1024px) { section.section_2025.section_101 .content-container .overlay-button .close-button:before { width: 4.5vw; } } @media screen and (min-width: 1800px) { section.section_2025.section_101 .content-container .overlay-button .close-button:before { width: 5.375rem; } } section.section_2025.section_101 .content-container .overlay-button .close-button:hover { border-color: white; } section.section_2025.section_101 .content-container .overlay-button .close-button:hover:before, section.section_2025.section_101 .content-container .overlay-button .close-button:hover:after { border-top-color: white; } section.section_2025.section_101 .content-container .overlay { background-color: rgba(41, 46, 50, 0.55); position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 0.75rem 1.5rem 0.75rem 2.375rem; box-sizing: border-box; } @media screen and (min-width: 1024px) { section.section_2025.section_101 .content-container .overlay { padding: 1.354vw 2.76vw 1.354vw 4vw; } } @media screen and (min-width: 1800px) { section.section_2025.section_101 .content-container .overlay { padding: 1.625rem 3.3125rem 1.625rem 4.8125rem; } } section.section_2025.section_101 .content-container .overlay p { margin-top: 0.25em; margin-bottom: 0; } section.section_2025 .headline_2025 { text-align: left; color: white; text-transform: uppercase; font-family: 'roboto', sans-serif; font-size: 1rem; font-weight: 700; } @media screen and (min-width: 400px) { section.section_2025 .headline_2025 { font-size: 1.25rem; } } @media screen and (min-width: 1024px) { section.section_2025 .headline_2025 { font-size: 2.0833vw; } } @media screen and (min-width: 1800px) { section.section_2025 .headline_2025 { font-size: 2.5rem; } } section.section_2025 .text_2025 { text-align: left; font-family: 'roboto', sans-serif; font-weight: 400; line-height: 1.5; font-size: 0.75rem; color: white; } @media screen and (min-width: 400px) { section.section_2025 .text_2025 { font-size: 1rem; } } @media screen and (min-width: 1024px) { section.section_2025 .text_2025 { font-size: 1.66vw; } } @media screen and (min-width: 1800px) { section.section_2025 .text_2025 { font-size: 2rem; } } section.section_2025 .text_2025 a.button { text-align: left; background-color: #afd460; border: 1px solid #afd460; color: white; padding: 0.5em 1em; display: block; margin-top: 0.75em; } section.section_2025 .text_2025 a.button:hover { background-color: white; border: 1px solid white; color: #afd460; } section.section_2025 picture, section.section_2025 picture img { width: 100%; object-fit: cover; /* Adjust as needed: cover, contain, fill */ display: block; }